Figma design
-
Get started with Figma design
Articles
- Color models in Figma
- View layers, pages and components (left sidebar)
- Design, prototype, and inspect (right sidebar)
- Access design tools from the toolbar
- Parent, child and sibling relationships
- See all 8 articles
Figma for Beginners video series
-
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
- Using Shape Tools
- See all 10 articles
Images
-
Text and fonts
Text
- Getting started with text
- Create type layers with the text tool
- Edit text layers
- Explore text properties
- Bulleted and numbered lists
- See all 12 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
- 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
- Guide to Components in Figma
- Name and organize components
- Create components to reuse in designs
- Create an instance of a component
- Create and use variants
- See all 11 articles
Libraries
-
Prototypes and animations
Build prototypes
- Guide to prototyping in Figma
- Prototype interactions and animations
- Prototype scrolling with overflow behavior
- Preserve scroll position in prototypes
- Create advanced animations with Smart Animate
- See all 7 articles
Presets
View prototypes
-
Collaborative tools
Comments
- Getting started with comments
- Add comments to files
- View and manage comments
- Move or edit comments
- Adjust comment notification settings
Handoff
Tools