Figma
Where teams design together. Design, prototype, and collaborate all in the browser.
Visit site »Collaborate with everyone, at every phase
Each contributor owns their part of the creative process and stays in sync along the way—across any platform.
Your designers
Collaborate in context and in real time. Never worry about your files being out of date or overwriting each other’s work.
Your stakeholders
Simply send a link to collect feedback, get change requests, and allow stakeholders to make copy updates in your designs.
Your developers
Engineers always have access to the current source-of-truth and can inspect elements, export assets, and copy code.
Increase efficiency with added flexibility
Team Libraries
Share components and styles in Figma—no need for shared drives or additional tools. You and your team control how and when changes are rolled out with simple publishing workflows.
Components
Build faster and more consistently with reusable and scalable elements across your files. Access layers in each instance so you can intuitively edit and override text and images inline.
Styles
Synchronize colors, text, grids and effects across all your projects. Maintain fewer text styles and align your designs across different devices with Figma’s unique grid styles.
Prototyping
Quickly build flows by connecting screens and adding in elements like interactions, transitions, overlays, and more. Instead of syncing to other tools simply share a URL to receive feedback.
Build design systems that scale
Manage and easily share a consistent visual language with styles, components, and team libraries.
Articles
10 tips on using components in Figma
Design With Figma
– 5 September 2019
What components are, how they work, and best practices to incorporate them into your design workflow.
Design Tooling at Scale
– 13 August 2019
How Dropbox migrated to Figma and structured our cross-platform design system.
Alternatives to Figma
Catalog
Combine design documentation with real, live components in one single place, making collaboration between designers and developers seamless.
Diez
Cross-platform design system framework, making it easy to adopt a unified design language across codebases, platforms, and teams.
Fractal
Build. Document. Integrate. Powerful component libraries & styleguides that fit the way you work.
HTML Sketchapp
HTML Sketchapp turns HTML nodes into Sketch layers or symbols. Additionally, it allows to export shared text styles and document colors.
Storybook
An open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.