• Get started
    • Figma design
      • FigJam
        • Community
          • Administration
            • Tutorials
              Sign up
              Sign up

              Figma design

              • Get started
              • Images, shapes and tools
              • Text and fonts
              • Layer properties and settings
              • Components and styles
              • Prototypes and animations
              • Collaborative tools
              • Branching and merging
              • 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

                • Imports in Figma design
                • Guide to exports in Figma
                • Import files into Figma
                • Import Sketch files
                • Using the Slice Tool
                • See all 6 articles
              • 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

                • Add images to design files
                • Add animated GIFs to prototypes
                • Upload an image as a fill
                • Add images in bulk with Place image
                • Paste images in the canvas
                • See all 8 articles
              • 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

                • Use variable fonts
                • Access local fonts on your computer
                • Add icons to text layers with icon fonts
                • Manage missing fonts
                • Manage conflicting fonts
                • See all 6 articles
              • 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

                • Using auto layout
                • Update old auto layout frames
                • Measure distances between layers
                • Explore auto layout properties
                • Arrange layers with Smart selection
                • See all 9 articles
              • 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

                • Guide to libraries in Figma
                • Add style and component descriptions
                • Publish styles and components
                • Review and accept library updates
                • Swap style and component libraries
                • See all 13 articles
              • 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

                • Prototype triggers
                • Prototype actions
                • Prototype animations
                • Prototype easing and spring animations

                View prototypes

                • Accessible prototypes in Figma
                • Present designs and prototypes
                • View prototype connections
                • View prototypes on a mobile device
                • Comment on prototypes
              • Collaborative tools

                Comments

                • Guide to comments in Figma
                • Add comments to files
                • View and manage comments
                • Move or edit comments
                • Manage email notifications for comments on files
              • 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
                See all 8 articles
              • Twitter
              • YouTube
              • Instagram
              • Facebook
              Use cases
              • UI design
              • UX design
              • Prototyping
              • Graphic design
              • Wireframing
              • Brainstorming
              • Templates
              • Remote design
              Explore
              • Design features
              • Prototyping features
              • Design systems features
              • Collaboration features
              • FigJam
              • Pricing
              • Enterprise
              • Students and educators
              • Customers
              • Security
              • Integrations
              • Contact
              Resources
              • Blog
              • Best practices
              • Support
              • Developers
              • Learn design
              • Downloads
              • What's new
              • Releases
              • Careers
              • About us
              • Agency partners
              • Privacy
              • Status
              Compare
              • Sketch
              • Adobe XD
              • Invision Studio
              • Framer
              • Design on Windows