Framer
Copy
Logo as SVG
Brand
Guidelines
Search lessons
Home
Fundamentals
Courses
Insert Menu
Layout & Design
Navigation
Effects
Scroll
CMS
Forms
Localization
Settings
Templates
Learn all about the features that help you create flexible layouts and beautiful designs.
Place any layer in 3D space by editing properties like Rotation, Skew, Origin, Depth, and Perspective. For the first time on a freeform Canvas, all 3D layers remain selectable and editable, resulting in an amazing experience.
The Creative Section to the Insert Panel, with fun components and presets that you can use to bring your sites to life. You might recognize a few of these from framer.supply—we have redesigned and reimplemented these.
Turn properties like Gap, Padding, Direction, Distribute, and Align into customizable controls, allowing you to design much more flexible Components.
Design expressive pages with sections that adapt to the height of the browser.
Define color styles with both a light and dark value, then use within your layouts, text styles, components and effects.
Easily create shadows with depth effects.
Design text that scales to fit. Design bold headers that resize along with your browser.
We’ll cover the differences between Frames, Stacks and Grids, and when to use which.
Learn best practices for structuring your layouts for optimal responsiveness.