Figma design
-
Tour the Figma Editor
- Access design tools from the toolbar
- Explore the canvas
- View layers and assets in the left sidebar
- Design, prototype, and view code in the right sidebar
- Adjust your view settings in the Editor
- Parent, child and sibling relationships
-
Import and export
-
Images, shapes and tools
- Frames in Figma
- Add Images to your designs
- Add animated GIFs to prototypes
- Frames and Groups
- Upload an image as a fill
- Using Shape Tools
-
Text, type, and fonts
- Getting started with text
- Explore text properties
- Create type layers with the text tool
- Edit text layers
- Add links to text
- Add Emoji to Text Layers
-
Layer properties and settings
- Adjust corner radius and smoothing
- Apply and adjust stroke properties
- View and adjust colors in a mixed selection
- Rename Layers
- Adjust alignment, dimensions, rotation, and position
- Paints in Figma
-
Components and styles
- Guide to Components in Figma
- Styles in Figma
- Create components to reuse in designs
- Create styles for colors, text, effects and, layout grids
- Create an instance of a component
- Apply Styles to layers and objects
-
Libraries and design systems
- Guide to libraries in Figma
- Create branches and merge changes
- Publish styles and components
- Review and accept updates from libraries
- Manage libraries in design files
- Manage libraries for your drafts
-
Prototypes and animations
- Prototype easing curves
- Preserve scroll position in prototypes
- Guide to prototyping in Figma
- Set prototype device and starting frame
- Prototype triggers
- Prototype actions
-
Collaborative tools
- Use the Inspect panel
- Add comments to files
- View and manage comments
- Move or edit comments
- Adjust comment notification settings
- Follow along with observation mode