Figma design
-
Get started
Explore Design files
- View layer outlines in Figma design
- Use the Inspect panel
- Access design tools from the toolbar
- Explore the canvas
- Optimize design files for developer handoff
- See all 14 articles
Import and export
-
Images, shapes and tools
Shapes and tools
- Organize your canvas with sections
- Sketch on the canvas with the pencil tool
- Vector networks
- Frames in Figma
- Frames and Groups
- See all 11 articles
Images
-
Text and fonts
Text
- Getting started with text
- Add right-to-left text
- Use OpenType features
- Create type layers with the text tool
- Edit text layers
- See all 15 articles
Fonts
-
Layer properties and settings
Properties
- Adjust alignment, rotation, and position
- Paints in Figma
- Apply paints with the color picker
- Add fills to text and shape layers
- Apply and adjust stroke properties
- See all 9 articles
Layer settings
- Copy and paste properties between layers
- Set small and big nudge values
- Rename Layers
- Lock and unlock layers
- Toggle visibility to hide layers
Layout tools
-
Components and styles
Styles
- Styles in Figma
- Create color, text, effect and layout grid styles
- Apply Styles to layers and objects
- Manage and share styles
Components
- Edit instances with component properties
- Create and manage component properties
- Explore component properties
- Guide to components in Figma
- Name and organize components
- See all 14 articles
Libraries
-
Prototypes and animations
Build prototypes
- Add video to prototypes
- Guide to prototyping in Figma
- Prototype interactions and animations
- Add prototype connections to components
- Prototype scrolling with overflow behavior
- See all 9 articles
Presets
View prototypes
-
Collaborative tools
Comments
-
Branching and merging
- Guide to branching
- Share a branch
- Get updates from main files
- View and manage branches
- Request a branch review
- Review branch changes