The Process
In the time lapse video, you’ll see that I went through Adobe Illustrator and XD before settling on Figma for the final product. This is because I wanted to design the app prototype in XD, but the lack of precise vector tools and guides (and my preference to use Illustrator) meant that I utilised Illustrator fo a lot of the static elements.
Navigating Problems
As I approached the middle of my project in XD, in which I wanted to add a draggable action to my scrollable profile element to ‘swipe left and right’, I couldn’t work out how to make this happen (in retrospect, the process I used in Figma could be applied to future projects in XD to solve this issue, so I learned something there).
Later in XD, I wanted to create buttons that linked to external URLs, which I found out has been a community desire for years, but has yet to be implemented. This is what fundamentally broke my concept for an external link to my CV and portfolio, therefore I moved over to Figma, as I’ve heard nothing but good things about the browser-based app.
Two Steps Forward, Three Steps Back
However, this move meant I had to recreate the entire prototype, as exporting SVGs from XD and importing to Figma wasn’t cooperating with me.
In the end, I created my prototype to satisfaction with Figma.
Reflection
On reflection, I will seriously consider this app in the future as my go-to for prototyping given that XD is still lacking some desirable options.