Skip to main content

Figma for designers

Design smarter, align faster

Figma is a platform built for the entire end-to-end design and development process—so you and your team can go from idea to finished product, together.

A green desktop screen outline with Dev Mode toggle overlapping coral, yellow, and blue shapes in mobile screen outlines with 24px between.A green desktop screen outline with Dev Mode toggle overlapping coral, yellow, and blue shapes in mobile screen outlines with 24px between.

Trusted by teams at

Puma logoSpotify logopatagonia logoStripe logoThe New York Times logoNetflix logo

One home for the entire design process

Figma helps you and your team brainstorm, design, prototype, and build better products, all in one place.

Design at the speed of thought

Figma saves you time with powerful tools that cut down on manual tasks and leave you more time to focus on your craft.

Bring every detail to life

Create high-fidelity, no-code interactive prototypes—right alongside your designs—so you can explore and test every interaction.

A library of icons, colors, typeface styles, and spacersA library of icons, colors, typeface styles, and spacers

Design for scale

Build and maintain design systems that drive creativity and consistency across your entire organization.

Be in sync with development

Built within Figma, Dev Mode enables developers to inspect designs, see what’s changed, read contextual annotations, and more.

Figma has become the center of our universe, with more communication and collaboration happening within the design files themselves.

Stan Yeung, Product Designer, Dropbox

dropbox logo
Read the story

Figma features that designers love

Cursor utilizing the auto layout panel to establish spacing between a “Sign Up” CTA and green arrow button.Cursor utilizing the auto layout panel to establish spacing between a “Sign Up” CTA and green arrow button.

Auto layout

Spend more time actually designing—and less time manually resizing—with fully responsive auto layout.

Smart select

Uniformly rearrange, reorder, or adjust layers in your design with smart select.

A cursor choosing from a menu of custom variables for a buttonA cursor choosing from a menu of custom variables for a button

Pen tool

Draw vector networks in any direction—no need to merge or connect to the path’s original point.

A view of purple and lime green World Peas standardized company logo sizes in a component library.A view of purple and lime green World Peas standardized company logo sizes in a component library.

Styles, components, and shared libraries

Enable design consistency and scale by standardizing everything from color to padding to type across your products and brands.

Variable fonts

Enjoy more control and better creative expression with OpenType and variable fonts in Figma.

A cursor viewing branches for a Figma file titled “Icon system.”A cursor viewing branches for a Figma file titled “Icon system.”

Branch and merging

Use branching to freely explore possibilities, then bring those updates into your main design file with merging.

Two teammate cursors viewing height, padding, and gap annotations on a produce e-commerce site product page.Two teammate cursors viewing height, padding, and gap annotations on a produce e-commerce site product page.

Annotations

Create more clarity and transparency when handing off file with contextual annotations and measurements that stay up-to-date, even as designs change.

A matrix of star shapes and plugin logos, including GitHub and Jira.A matrix of star shapes and plugin logos, including GitHub and Jira.

Powerful plugins

Automate tasks, bring data into your designs, and boost collaboration with a wide range of plugins created by—and for—the community.

Resources for designers

Dan Mall’s 10 principles for a worthy design career

10 pieces of advice for tackling complex tasks, preventing burnout, and fostering continuous learning.

Read the post

Paula Scher’s 10 rules for play

Learn how Paula gets into a “state of play,” enabling her to freely associate and see new possibilities and combinations in old ideas that become new again.

Read the post

From Figma's design team: How to run a design critique

Learn six unique methods for design critique used by the Figma design team, along with some tips and best practices for running them effectively.

Read the article