Figma

Figma is a browser-based design tool for interfaces. Designers, developers and clients work in the same file at the same time, from first wireframes to the finished design system.

Strengths: what it’s good at

• Collaboration: live co-editing, comments and sharing without exporting files.
• Design systems: components, variants and variables for colours, spacing and modes such as dark mode.
• Prototypes: clickable flows with transitions for testing and presentations.
• Handover: measurements, assets and code hints for developers, straight from the file.

Workflow: how I work in it

Projects start with wireframes and flows, then move to visual design built on components and variables from the start. Clients review in the browser and comment right on the design. Developers get a structured file with every state and breakpoint.

Use: when I choose it

For almost every interface design project: websites, apps, design systems and prototypes, and for collaborating with in-house teams and other agencies.