Figma design
-
Tour the interface
-
Tools, shapes, and layers
Create layers
- Frames in Figma
- Sketch on the canvas with the pencil tool
- Vector networks
- Basic shape tools in Figma design
- Create and edit text
- See all 12 articles
Work with layers
- Select layers and objects
- Adjust alignment, rotation, and position
- Copy and paste objects in the canvas
- Resize layers with the scale tool
- Organize your canvas with sections
- See all 16 articles
Use auto layout
-
Styling elements
Paints (color, gradients, and images)
- Paints in Figma
- Color models in Figma design
- Add fills to text and shape layers
- Upload an image as a fill
- Apply paints with the color picker
- See all 9 articles
Typography
- Guide to text
- Access local fonts on your computer
- Browse and apply fonts
- Explore text properties
- Add links to text
- See all 12 articles
Strokes
Blurs and shadows
Corner radius
-
Styles
-
Components
-
Variables
-
Libraries
Create and share libraries
- Add descriptions to styles, components, and variables
- Publish a library
- Move published components
- Edit main components
- Hide styles, components, and variables when publishing
- See all 6 articles
Use libraries
- Apply styles to layers and objects
- Review and accept library updates
- Swap style and component libraries
- Create and insert component instances
- Detach an instance from the component
- See all 7 articles
Manage your libraries
-
Course: Introduction to design systems
-
Prototypes
Guides
- Guide to prototyping in Figma
- State management for prototypes
- Use animated GIFs in prototypes
- Use videos in prototypes
- Prototype triggers
- See all 8 articles
Create prototypes
- Use sections in prototyping
- Create interactions
- Add prototype connections to components
- Set prototype device and starting point
- Create overlays in your prototypes
- See all 7 articles
Advanced prototyping
- Advanced prototyping examples
- Smart animate layers between frames
- Variable modes in prototypes
- Multiple actions and conditionals
- Use expressions in prototypes
- See all 6 articles
View prototypes
-
Dev Mode
Overview
Inspect designs
-
Comments
-
Multiplayer tools
-
Branching and merging
-
Import and export
-
File utilities