01

Design

Start by creating the structure of your page in Framer. Add your sections, set up your layout, choose your fonts and colours, and begin shaping the overall look and feel of the website.

01

Design

Start by creating the structure of your page in Framer. Add your sections, set up your layout, choose your fonts and colours, and begin shaping the overall look and feel of the website.

02

Build

Once the design direction is in place, bring the page to life with components, responsive breakpoints, CMS collections, animations and interactions. This is where the website starts to feel like a working experience rather than a static layout.

02

Build

Once the design direction is in place, bring the page to life with components, responsive breakpoints, CMS collections, animations and interactions. This is where the website starts to feel like a working experience rather than a static layout.

03

Publish

When everything is polished, tested and working across screen sizes, connect your domain, check your SEO settings and publish your Framer site so it’s ready to share.

03

Publish

When everything is polished, tested and working across screen sizes, connect your domain, check your SEO settings and publish your Framer site so it’s ready to share.

Create a free website with Framer, the website builder loved by startups, designers and agencies.