Collaborative interface design tool for teams. Design, prototype and hand off with Dev Mode.
What is Figma?
Figma is a collaborative interface design tool for product teams to design, prototype, and hand off UI and UX work in the browser or desktop. See it in our Design Tools collection.
Key benefits
- Real-time collaboration so designers and developers stay in sync.
- Single source of truth for screens, components, and design systems.
- Dev Mode lets developers inspect specs and copy CSS or tokens without leaving the tool.
- Faster handoffs and fewer back-and-forth rounds than file-based workflows.
Use cases
- Designing and iterating on UI for web and mobile apps.
- Building and maintaining design systems and component libraries.
- Prototyping flows and sharing with stakeholders.
- Handing off designs to engineering with specs and assets.
About Figma
Figma supports vector editing, prototyping with transitions and overlays, and version history. Teams that use a single design tool see faster handoffs; Figma’s 2024 State of Design report highlights this. The tool is free for individuals and small teams, with paid plans for organizations.
Sources & further reading
- design
- prototyping
Similar resources in Design Tools
More design tools to explore.
Related collections
This resource appears in these curated lists.
Comments