Using Framer
Learn about Framer's tools, features, and best practices.
Dashboard
Dashboard and Projects
How to find your way around Framer's dashboard.
Read moreImporting from Figma
How to import a Figma project to Framer.
Read moreImporting from Sketch
How to import a Sketch project to Framer.
Read moreImporting from Framer Desktop
How to get your desktop projects to Framer on the web.
Read moreTeam Fonts
How to share custom fonts with your team.
Read moreTeams and Folders
How to use Teams and Folders to organize your projects.
Read moreArchiving a Project
How to archive a project.
Read moreBest Practices for setting up a Team
Learn the best approaches on setting up your team.
Read moreEditor
Toolbar
A collection of tools and menus to help you design.
Read moreCanvas
An infinite area where you can create and organize your design.
Read moreLayers Panel
A tree view of every Frame, Component and other layer on your canvas.
Read moreProperties Panel
Inspect and edit a layer's layout, styling, and other properties.
Read moreKeyboard Shortcuts
All of the commands for tools, panels, and functions.
Read moreLayers
Frame
A container for other layers.
Read moreText
An auto-sizing container for styled text.
Read moreStack
A container that applies a stack layout to its layers.
Read moreScroll
A component with scrollable content
Read morePage
A component with paginated content.
Read moreIcon
A static vector image.
Read moreGraphic
An editable vector graphic.
Read moreDesign Component
A reusable Frame with a primary and instances.
Read moreCode Component
An advanced component written in code.
Read moreDesigning
Creating responsive designs
Find out how to make your prototypes respond to different screens.
Read moreUsing Custom Fonts
Uploading your local fonts to use in your Framer prototypes.
Read moreInsert Menu
Use the Insert Menu to find components, patterns, packages and more.
Read morePackages
Collections of components and shared colors.
Read moreDefault Components
A collection of interactive and customizable components.
Read moreShared Colors
Create and edit a collection of reusable colors.
Read moreRulers and Guides
Position layers exactly where you want them.
Read moreReplace With
Replace a layer with a component.
Read moreDrawing Mode
Create custom vector graphics in Framer's drawing mode.
Read more