Tour the interface Build design systems Create prototypes Import and export Work together in files Tour the interface Explore Explore design files Work with the Figma agent in design files Use AI tools in Figma Design Change the background color of the canvas Access design tools from the toolbar See all 7 articles File utilities Hide or minimize the UI Use the actions menu in Figma Design Use Figma products with a keyboard Set small and big nudge values Adjust your zoom and view options See all 9 articles Tour the interface Explore design files Work with the Figma agent in design files Use AI tools in Figma Design Change the background color of the canvas Access design tools from the toolbar See all 7 articles Hide or minimize the UI Use the actions menu in Figma Design Use Figma products with a keyboard Set small and big nudge values Adjust your zoom and view options See all 9 articles Create designs Create and edit layers Layers 101: Get started with layers Layers 101: Explore layer types Layers 101: Combine layers Frames in Figma Design Sketch on the canvas with the pencil tool See all 9 articles Work with layers Turn coded screens into editable design layers Edit objects on the canvas in bulk Identify matching objects Parent, child, and sibling relationships Select layers and objects See all 18 articles Design with vector tools Vector networks Edit vector layers Create custom shapes with the shape builder tool Convert strokes to vector paths Convert text to vector paths See all 9 articles Text and typography Guide to text in Figma Design Explore text properties Add a font to Figma Browse and apply fonts Create and apply text styles See all 14 articles Color, gradients, and images Guide to fills Update fills using the color picker Use gradients as a fill or stroke Use patterns as a fill or stroke Apply blend modes to layers, fills, and effects See all 11 articles Additional properties Apply and adjust stroke properties Apply effects to layers Adjust corner radius and smoothing Use auto layout Use auto layout with CSS Flexbox in mind Guide to auto layout Toggle on auto layout in designs Use the horizontal and vertical flows in auto layout Use the grid auto layout flow See all 6 articles Create and edit layers Layers 101: Get started with layers Layers 101: Explore layer types Layers 101: Combine layers Frames in Figma Design Sketch on the canvas with the pencil tool See all 9 articles Work with layers Turn coded screens into editable design layers Edit objects on the canvas in bulk Identify matching objects Parent, child, and sibling relationships Select layers and objects See all 18 articles Design with vector tools Vector networks Edit vector layers Create custom shapes with the shape builder tool Convert strokes to vector paths Convert text to vector paths See all 9 articles Text and typography Guide to text in Figma Design Explore text properties Add a font to Figma Browse and apply fonts Create and apply text styles See all 14 articles Color, gradients, and images Update fills using the color picker Use gradients as a fill or stroke Use patterns as a fill or stroke Apply blend modes to layers, fills, and effects See all 11 articles Additional properties Apply and adjust stroke properties Apply effects to layers Adjust corner radius and smoothing Use auto layout Use auto layout with CSS Flexbox in mind Guide to auto layout Toggle on auto layout in designs Use the horizontal and vertical flows in auto layout Use the grid auto layout flow See all 6 articles Figma Draw Explore Figma Draw Draw with illustration tools Create patterns with transforms Explore Figma Draw Draw with illustration tools Create patterns with transforms Build design systems Styles Styles in Figma Design Create color, text, effect, and layout guide styles Manage and share styles Components Guide to components in Figma Migrate a library to using slots Use slots to build flexible components in Figma Create components to reuse in designs Create and use variants See all 10 articles Variables Guide to variables in Figma Overview of variables, collections, and modes Create and manage variables and collections Apply variables to designs Modes for variables See all 7 articles Create and share libraries Guide to libraries in Figma Add descriptions to styles, components, and variables Publish a library Move published components Edit main components See all 7 articles Use libraries Check designs in Figma Get started with Apple's UI kit Start designing with UI kits Apply styles to layers and objects Review and accept library updates See all 10 articles Manage your libraries Add or remove a library from a design file Enable access to libraries in your drafts Enable a library for a team Swap components and instances Remove your access to a library Build design systems Styles in Figma Design Create color, text, effect, and layout guide styles Manage and share styles Guide to components in Figma Migrate a library to using slots Use slots to build flexible components in Figma Create components to reuse in designs Create and use variants See all 10 articles Guide to variables in Figma

Overview of variables, collections, and modes Create and manage variables and collections Apply variables to designs Modes for variables See all 7 articles Create and share libraries Guide to libraries in Figma Add descriptions to styles, components, and variables Publish a library Move published components Edit main components See all 7 articles Check designs in Figma Get started with Apple's UI kit Start designing with UI kits Apply styles to layers and objects Review and accept library updates See all 10 articles Manage your libraries Add or remove a library from a design file Enable access to libraries in your drafts Enable a library for a team Swap components and instances Remove your access to a library Create 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 Connect your prototype Add prototype connections from main components Create and manage prototype flows 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 Present prototypes offline Set prototype device and background settings View prototype connections Play your prototypes View prototypes on a mobile device See all 6 articles Create prototypes 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 Connect your prototype Add prototype connections from main components Create and manage prototype flows 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 Present prototypes offline Set prototype device and background settings View prototype connections Play your prototypes View prototypes on a mobile device See all 6 articles Import and export Export animations from Figma Guide to imports in Figma Design Import files to the file browser Import Sketch files Copy assets between design tools Export static designs from Figma See all 7 articles Import and export Export animations from Figma Guide to imports in Figma Design Import files to the file browser Import Sketch files Copy assets between design tools Export static designs from Figma See all 7 articles Work together in files Comments Guide to comments in Figma Add comments to files View and manage comments Move or edit comments Comment on prototypes See all 6 articles Multiplayer tools See viewer history for your files Present to collaborators using spotlight Use cursor chat in Figma Design Optimize design files for developer handoff Branching and merging Guide to branching Share a branch Get updates from main files View and manage branches Request a branch review See all 8 articles Work together in files Guide to comments in Figma Add comments to files View and manage comments Move or edit comments Comment on prototypes See all 6 articles Multiplayer tools See viewer history for your files Present to collaborators using spotlight Use cursor chat in Figma Design Optimize design files for developer handoff Branching and merging Guide to branching Get updates from main files View and manage branches Request a branch review See all 8 articles