Figma Learn
Get started
enterto select ↑↓to navigate escto close

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

Beta

Prompt to code anything you can imagine

AI

Explore all Figma AI features

Work across Figma

Learn how Figma tools work together

Developer docs

Work with APIs, embeds, and more

For everyone

Account
  • Manage settings
  • Change preferences
Files and projects
  • Use the file browser
  • Manage files and projects
  • Sharing and permissions

For administration

Billing
  • Overview
  • Manage seats
  • Manage your plan
  • Pay for Figma
Teams
  • Manage a team
Organizations
  • Overview
  • Login and authentication
  • Deploy Figma
  • Members and guests
  • Teams
  • Libraries and resources
Enterprise
  • Billing groups
  • Workspaces
  • Security features

Find out more

Courses

New

Level up your Figma skills with these comprehensive skill-based courses.

Projects

Get hands-on experience in Figma with these practical bite-sized projects.

Tutorials

Explore tools and features by watching and following along with these expert-led video tutorials.

Get solutions

Troubleshoot

Get help with common issues and troubleshoot unexpected behavior.

Work with support

Submit a bug report, get help collecting log files, and find your system information.

Common questions

Get answers to frequently asked questions.

Figma Community Forum

Ask the community, share ideas, and connect with other Figma users.

Get started
Products Figma Design Dev Mode FigJam Figma Slides

Figma Draw

New

Figma Sites

Beta

Figma Make

Beta

Figma Buzz

Beta
Features AI Work across Figma Developer docs
For everyone Account Files and projects
For administration Billing Teams Organizations Enterprise
Find out more Courses Projects Tutorials
Get solutions Troubleshoot Work with support Common questions Figma Community Forum
  1. Figma Learn - Help Center
  2. Figma Design
  3. Create designs

Create designs

Create and edit layers

  • Frames in Figma Design
  • Sketch on the canvas with the pencil tool
  • Shape tools
  • The difference between frames and groups
  • Arc tool: create arcs, semi-circles, and rings
  • See all 6 articles

Work with layers

  • Edit objects on the canvas in bulk
  • Identify matching objects
  • Parent, child, and sibling relationships
  • Select layers and objects
  • Adjust alignment, rotation, position, and dimensions
  • See all 17 articles

Design with vector tools

  • Create custom shapes with the shape builder tool
  • Vector networks
  • Edit vector layers
  • Boolean operations
  • Flatten layers
  • See all 6 articles

Text and typography

  • Guide to text in Figma Design
  • Explore text properties
  • Add a font to Figma Design
  • Browse and apply fonts
  • Create and apply text styles
  • See all 14 articles

Color, gradients, and images

  • Use patterns as a fill or stroke
  • Sample colors with the eyedropper tool
  • Paints in Figma
  • Color models in Figma Design
  • Add fills to text and shape layers
  • See all 14 articles

Additional properties

  • Apply and adjust stroke properties
  • Apply effects to layers
  • Adjust corner radius and smoothing

Use auto layout

  • Create multi-dimensional auto layout flows
  • Use the horizontal and vertical flows in auto layout
  • Use the grid auto layout flow
  • Guide to auto layout
  • Toggle auto layout on designs
Use cases
  • UI design
  • UX design
  • Prototyping
  • Graphic design
  • Wireframing
  • Brainstorming
  • Templates
  • Remote design
Explore
  • Design features
  • Prototyping features
  • Design systems features
  • Collaboration features
  • FigJam
  • Pricing
  • Enterprise
  • Students and educators
  • Customers
  • Security
  • Integrations
  • Contact
Resources
  • Blog
  • Best practices
  • Support
  • Developers
  • Learn design
  • Downloads
  • What's new
  • Releases
  • Careers
  • About us
  • Agency partners
  • Privacy
  • Status
Compare
  • Sketch
  • Adobe XD
  • Invision Studio
  • Framer
  • Design on Windows
  • Miro