Empathize, Define
After returning form the Christmas break, I got quite ill and I wasn't able to work for a while. Originally, I intended that for the last couple of weeks to learn how to use Figma and create a showcase prototype featuring the work that been done throughout IMT&S in order to fully achieve my third learning goal. Unfortunately, due to my illness, I had to scratch off this idea.
Despire the setback, I aimed to still acquire a comprehensive understanding of Figma. I accomplished this by watching several video tutorials, familiarizing myself with the program's workflow, exploring its tools and features and experimenting within the app.
Understanding Figma's interface
Figma's interface stands out for its simplicity and accessibility. It has a clean and uncluttered design that doesn't cause any unnecessary distractions. The toolbar, situated on the left, provides quick access to essential tools, while the top menu houses file management options, sharing settings and collaboration features.
Figma's concept of frames and artboards is central to its interface. Understanding how to create and manage these containers for design elements is crucial. The flexibility of frames allows for a responsive design approach, accommodating various screen sizes and orientations.
The layer management system allows you to organize design elements in a hierarchical fashion. Navigating through layers, renaming them and leveraging the "Group" and "Frame" functionalities contribute to a well-organized workspace.
On the top-side toolbar you have a range of design tools, including vector editing tools, text options and shape creation tools. On the right-side you can find the design panel which include formatting options, shapes properties, alignment, etc. Familiarity with these options contributes to the overall efficiency of the design process.
Within the interface you can easily transition between design and prototype modes in order to see the results of setting up transitions, defining hotspots or implementing interactive elements.
Particularities of the platform
As I learned more about Figma's tooling, it became evident that the platform offers a unique set of feature and functionalities that set it apart from other prototyping and wireframing tools.
Cross-platform accessibility
One of those features is it's accessibility across platform. Unlike some traditional tolls that require specific operating system or installations, Figma's web-based nature and desktop application allow for a consistent experience across Windows, macOS and Linux.
Real-time collaboration
Figma allows for multiple users to work simultaneously on a project. This real-time collaboration feature improves efficiency by being able to see changes happening live on the canvas.
Plugins ecosystem
The availability of a wide range of plugins allows users to adjust their toolset based on specific project requirements or improving their design process.
Commenti