Designing complex layouts that adapt to different screen sizes can be difficult in Figma, but I tackled this challenge by using Auto Layout and constraints. These features allowed the components to resize and adjust automatically as the frame size changed, making it easier to create responsive designs that work well on desktop, tablet, and mobile views.
Adding interactive elements to my Figma prototypes, like clickable buttons and navigation flows, was another challenge to ensure the design was functional and not just static. To solve this, I used Figma’s built-in prototyping tools to add interactions, transitions, and animations, which created a more realistic representation of the user experience and helped me test navigation and user flows before moving to development.
Maintaining design consistency across different pages and elements was also challenging, especially in a large project. To address this, I created and used shared design systems and components, like reusable buttons, navigation bars, and icons, using Figma’s “Components” and “Styles” features. This approach ensured that the design stayed uniform and made updates efficient, as any changes made to one component automatically applied to all instances.
Another challenge I faced was incorporating multiple language options, including English, Arabic, and Amharic (Ethiopian). While English and Amharic were manageable for me because I speak and understand both, Arabic posed more of a challenge. To overcome this, I used AI-powered translation tools to assist with accurate translations and ensure that the content was appropriate and clear in all three languages