Figma design
-
Get started
Explore Design files
- Use the Inspect panel
- Access design tools from the toolbar
- Explore the canvas
- Optimize design files for developer handoff
- Select layers and objects
- See all 13 articles
Import and export
-
Images, shapes and tools
Shapes and tools
- Sketch on the canvas with the pencil tool
- Vector networks
- Frames in Figma
- Frames and Groups
- Basic shape tools in Figma design
- See all 10 articles
Images
-
Text and fonts
Text
- Add right-to-left text
- Use OpenType features
- Getting started with text
- Create type layers with the text tool
- Edit text layers
- See all 14 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
- Create and use component properties
- Guide to components in Figma
- Name and organize components
- Create components to reuse in designs
- Create and insert component instances
- See all 12 articles
Libraries
-
Prototypes and animations
Build prototypes
- Guide to prototyping in Figma
- Prototype interactions and animations
- Add prototype connections to components
- Prototype scrolling with overflow behavior
- Preserve scroll position in prototypes
- See all 8 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