Home » Tools »

Figma Figma

Where teams design together. Design, prototype, and collaborate all in the browser.

Design systems Visual design Prototyping Collaboration Developer handoff

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

What components are, how they work, and best practices to incorporate them into your design workflow.

Design systems Visual design

Design Tooling at Scale

How Dropbox migrated to Figma and structured our cross-platform design system.

Design systems


Alternatives to Figma

Abstract

One place to version, manage, and collaborate on your Sketch files.

Design version control Developer handoff Design systems

Catalog

Combine design documentation with real, live components in one single place, making collaboration between designers and developers seamless.

Web development Design systems

Diez

Cross-platform design system framework, making it easy to adopt a unified design language across codebases, platforms, and teams.

Design systems

Fractal

Build. Document. Integrate. Powerful component libraries & styleguides that fit the way you work.

Web development Design systems

HTML Sketchapp

HTML Sketchapp turns HTML nodes into Sketch layers or symbols. Additionally, it allows to export shared text styles and document colors.

Design systems Design-to-code Web development

React Sketch.app

Render React components to Sketch; tailor-made for design systems

Design-to-code Design systems Web development

Sketch

The industry-leading tool for digital design.

Visual design Prototyping Design systems

Storybook

An open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.

Web development Design systems