Page Inspect

Figma: The Collaborative Interface Design Tool

Skip to main content

- Products
- Solutions
- Community
- Resources
- Pricing

- Log in
- Contact sales
- Get startedGet started for free

- Figma Design

Design and prototype in one place
- Dev Mode

Translate designs into code
- FigJam

Collaborate with a digital whiteboard
- Figma Slides

Co-create presentations
- Figma Draw

New

Illustrate with advanced vector tools
- Figma Buzz

Beta

Produce on-brand assets at scale
- Figma Sites

Beta

Publish fully responsive websites
- Figma Make

New

Prompt to code anything you can imagine

- AI

Explore all Figma AI features
- MCP

Connect Figma to AI coding tools
- Downloads

Get the desktop, mobile,
and font installer apps
- Release Notes

See the latest features and releases

Use cases

- Design systems
- Prototyping
- UX design
- Web design
- Wireframing
- Online whiteboard
- Agile

- Strategic planning
- Brainstorming
- Diagramming
- Product development
- Web development
- Design handoff
- See all solutions

Roles

- Design
- Engineering
- Product managers

Organizations

- Enterprise
- Education

- Events

Learn best practices at virtual events
- User groups

Join a local Friends of Figma group
- Customer stories

Read about leading product teams
- Figma Gallery

Explore Figma Make and Figma Sites projects made by our users

- Shortcut: The Figma blog

Stories about how products take shape—and shape our world

Get started

- Plugins
- UI kits
- Icons
- Widgets
- Templates
- Tools
- Partners
- See all

Learn

- Best practices
- Reports & insights
- Resource library
- Demos
- Webinars
- Help center

- Log in
- Contact sales
- Get startedGet started for free

- Products

- Figma Design

Design and prototype in one place
- Dev Mode

Translate designs into code
- FigJam

Collaborate with a digital whiteboard
- Figma Slides

Co-create presentations
- Figma Draw

New

Illustrate with advanced vector tools
- Figma Buzz

Beta

Produce on-brand assets at scale
- Figma Sites

Beta

Publish fully responsive websites
- Figma Make

New

Prompt to code anything you can imagine
- AI
- MCP
- Downloads
- Release Notes
- Solutions

- Use cases

- Design systems
- Prototyping
- UX design
- Web design
- Wireframing
- Online whiteboard
- Agile
- Strategic planning
- Brainstorming
- Diagramming
- Product development
- Web development
- Design handoff
- See all solutions
- Roles

- Design
- Engineering
- Product managers
- Organizations

- Enterprise
- Education
- Community

- Events
- User groups
- Customer stories
- Figma Gallery
- Resources

- Shortcut: The Figma blog
- Get started

- Plugins
- UI kits
- Icons
- Widgets
- Templates
- Tools
- Partners
- See all
- Learn

- Best practices
- Reports & insights
- Resource library
- Demos
- Webinars
- Help center
- Pricing
Log in

- Get started
- Contact sales

# Think bigger. Build faster.

Figma helps design and development teams build great products, together.

Get started for freeContact sales

DesignDrawBuildPublishPromoteJamPresent

Design and refine products with your team, in one shared design file.

Explore Figma Design

Design and refine products with your team, in one shared design file.

Explore Figma Design

Design and refine products with your team, in one shared design file.

Explore Figma Design

Design and refine products with your team, in one shared design file.

Explore Figma Design

Design and refine products with your team, in one shared design file.

Explore Figma Design

Design and refine products with your team, in one shared design file.

Explore Figma Design

Design and refine products with your team, in one shared design file.

Explore Figma Design

> Nearly everything that designers and developers need is available in Figma.

Diana MounterHead of Design

-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

## Redesign how you design.

Explore your ideas freely and iterate quickly.

### Generate simple UI with AI

Instantly create mockups to explore a bigger option space.

Learn more

### Design consistently with Auto Layout

Make designs that automatically adjust to layout size—no more manually resizing.

### Scale your edits instantly

Save time and effort by batch editing multiple frames at once, whether in a system or freeform.

### Make prototypes with AI

Automatically create realistic prototypes for quick testing of your flows and interactions.

### Embed prototypes in your presentations

Present playable, high-fidelity prototypes directly from your deck.

## Bring design and dev together.

Easily translate designs into code with a workflow built for developers.

1 of 41/4

### Design systems that scale.

Streamline the product development process with a design system that’s aligned across design and code.

Learn about design systems

### Built for building.

Dev Mode is a dedicated space in Figma where developers can get what they need to turn designs into code.

Learn about Dev Mode

### Focus on the details in Focus View.

Select and inspect a specific design in Dev Mode, then dig into the details in Focus View so you know exactly what to build.

### Track progress with design statuses.

Stay informed with clear design status updates on what’s changed, completed, or ready to build—all in Dev Mode.

## Build better products, together.

Everything your team needs to brainstorm, design, and build.

### Create one source of truth.

Everyone can collaborate seamlessly in one shared file. Designers, developers, copywriters—even external contractors and clients.

### Talk. Chat. Comment.

Communicate via audio or chat to connect quickly within your file. Gather and keep track of feedback with comments.

> Figma helps us paint the north star for the whole company. It keeps everyone aligned and excited.

Henry ModisettHead of Design

## Learn how to use Figma

Figma Design: Beginner tutorialIntro to design systemsGuide to FigJam

-
-
-
-

## Product

- Figma Design
- Dev Mode
- FigJam
- Figma Slides
- Figma Draw

New
- Figma Buzz

Beta
- Figma Sites

Beta
- Figma Make

New
- AI
- Downloads
- Release notes

## Plans

- Pricing
- Enterprise
- Organization
- Professional

## Use cases

- UI design
- UX design
- Wireframing
- Diagramming
- Prototyping
- Brainstorming
- Presentation Maker
- Online whiteboard
- Strategic planning
- Mind mapping
- Concept map
- AI app builder
- AI prototype generator
- AI website builder
- AI wireframe generator

## Resources

- Blog
- Best practices
- QR code generator
- Color wheel
- Colors
- Color picker
- Color palettes
- Color palette generator
- Color contrast checker
- Font library
- Lorem ipsum generator
- Templates
- Developers
- Integrations
- Affiliate program
- Resource library
- Reports and insights
- Support
- Status
- Legal and privacy
- Modern slavery statement (UK)
- Climate disclosure statement

## Company

- Events
- Customers
- Careers
- Newsroom
- Investors

English

- English
- Deutsch
- Español (España)
- Español (Latinoamérica)
- Français
- Italiano
- Nederlands
- Polski
- Português (Brasil)
- 日本語
- 한국어