Framer Dictionary

This houses all the deleted files on Framer so you can always restore it back should you need it in future

It houses all components and assets you have on a particular file while sectioning them into Components , Styles and Codes.

This allows you add blur to your background easily

It allows you to add review/comments for co-collaborators

Content Management System; The CMS in Framer has everything you need to manage content for blog posts, job listings, or marketing pages.

This houses all the files you have on Framer both personal and team files.

Means any object that uses this will be evenly sized to fit their parent and the unit used here is FR . However this only works in Stacks

This allows you to use Autosizing where you can make the size of a layer adapts to the content within. And using it will also convert your layout option to Stack.

means any objects with this property has fixed pixel values

Frame works quite similar to a Rectangle, but with a few exceptions. For example, it automatically nests, so if you draw a Frame on top of another Frame, it will try to group them together. You can still manually group a selection, but this is done by wrapping your selection in another Frame. If you’re a developer, you can consider Frames to be elements. They can have smart layout constraints, relative sizing, and positioning, and can be converted to Stacks or Grids.

Space between elements

Grids are like tables or Excel sheets for layout. They allow you to display elements with a fixed number of rows and columns. The easiest way to create a grid is from the Layout tool in the top bar. Alternatively, you can convert any Frame into a Grid under the Layout property in the right hand property panel.

Allows you to bring in Design files from Figma to Framer superfast

You can easily invite collaborators to your project with this feature and can also set what each collaborator can do on it (can view, can edit or full access).

This has three sections that let you import items into Framer; Basics Section- This comprises sections, navigation and pages ; CMS - this comprises Collection Lists for Blogs and Content fields which can be used on CMS detailed pages ; Elements - This comprises Media (Video, Gif, Images, Audio et.al), Forms, Icons, Interactive, Patterns, Social and Utitlity.

You can easily create Frame, image and tables (rows, columns) and grid here

It shows all different layers (text, shapes and images) and also in Desktop, Tablet and Mobile view

This feature allows you to lock a particular frame or objects on Framer.

Space between containers. Padding controls the empty or white space between the boundary of an auto layout frame and the frame's child objects. You can set padding uniformly, vertically and horizontally, or have different values for top, right, bottom, and left padding.

This section shows all pages you have in a particular file 

Allows you to publish your website superfast

This let you quickly search and use some stuffs on Framer with ease like Create webpage/component, Publish/Open website, See version history, invite collaborators, or Browse Library and so on.

This shows all recent files you create on Framer Dashboard.

this allows you to use the width value relative to the width of the parent

This refreshes your work preview

This will scale the preview of your project to the size of any screen you are viewing it on.

This will scale the preview to your screen

This uses auto-sizing, meaning the width and the height property can be set to auto which allow them to fit their content and they also allow you to relatively position your layers and they can use auto-sizing for width and height. Stack is similar to Autolayout in Figma

This shows all the files you’ve converted to templates and you can copy the remix link and reuse the template for other projects.

This is used to create a Text layer that will automatically resize according to its text content, click the Text tool in the Toolbar or press T, then click on the canvas and begin typing.

Allows you to check when last you make changes to your website, the publisher, and the timestamp stamp of each publish. For any versions with warnings, you can click on the warning status and download the error file for debugging as well. This is important most especially if you work with collaborators.

Version history shows previously autosaved versions of a project. It gives you the superpower to go back in time and copy-paste layers in the present.