Framer

discovery

A free structured guide to help you kickstart building websites with Framer.

JUMP TO SECTION

Interface

Layout & Design

Interactions

Effects

CMS

Account

Publishing

Integrations

Usecases

Practice Tasks

Further Learning

Interface

Feb 22, 2024

The Multi-Dimensional Structure of the Guide

Feb 22, 2024

Compunding Learning on your Journey

Feb 22, 2024

The Organic Growth of a Designer: From Imitation to Innovation

Feb 22, 2024

Better Self-Guided Path to Design: Practice, Imitation and Curiosity

Feb 22, 2024

The Holistic Path to Design Mastery: Balancing Depth and Breadth

Feb 22, 2024

The Synergy of Human Nature and UI Design

Feb 22, 2024

The UI-First Approach

Feb 22, 2024

The Foundation of Design: Understanding Human Nature and Beyond

Feb 22, 2024

Starting from Scratch: A Beginner's Perspective on Design

Feb 22, 2024

The Five Layers of Career Progression in Design

Feb 22, 2024

The Real Reasons People Get Into Design: A Candid View

Feb 22, 2024

Introduction to Framer Account and Pricing

Feb 22, 2024

About Framer CMS

Feb 22, 2024

Setting up Filters for the Blog

May 10, 2023

Reference another CMS Collection in a Page

Dec 15, 2023

Building a Simple Slideshow

Feb 22, 2024

Adding Parallax Effects in Framer

Mar 25, 2023

Embed a Tally.so Form

Mar 25, 2023

Add an iframe or embed script in Framer

Feb 24, 2024

Add a Cookie Banner to your Site

Feb 22, 2024

Design Custom Cursors

Feb 8, 2024

Components in Framer

Feb 22, 2024

The difference between Framer and Figma

Feb 22, 2024

Absolute & Fixed Positioning

Feb 22, 2024

Layout, Stacks and Frames

Feb 8, 2024

Text Styles & more

Feb 1, 2024

When to use Figma to Framer Plugin?

Feb 22, 2024

Achieving Seamless Responsiveness

Feb 22, 2024

Cards based interaction

Feb 22, 2024

Fundamentals of the Editor

Dec 15, 2023

Building a Simple Website

Feb 22, 2024

Publishing Your Website with Custom Domain

Feb 22, 2024

Handover your Website with Remix Links

Feb 25, 2024

SEO in Framer

Feb 22, 2024

Setup a Blog in Framer CMS

Feb 22, 2024

Build a Landing page with Framer Components

Aug 8, 2023

How to make a simple landing page with Framer & Midjourney

Nov 19, 2024

Curated Tools for Automation, Assistants and more

Nov 19, 2024

Curated Tools for Verbal, Copy and Words

Nov 19, 2024

Curated Tools for GenAI Visuals and Video

Nov 19, 2024

Generate Flow Charts with Whimsical Al

Nov 19, 2024

Take notes with Al without typing

Nov 19, 2024

Wireframing with UIZard

Nov 19, 2024

Midjourney Crash Course by 100x Engineers

Nov 19, 2024

Site Builder with Relume Al

Nov 19, 2024

Heinz Ketchup's Al Generated Campaign

Nov 19, 2024

GenAl Furniture by Ikea

Nov 19, 2024

Create Real Magic by Coco-Cola

Nov 19, 2024

Android AI with Gemini & Nano

Nov 19, 2024

Apple Intelligence

Nov 19, 2024

Design Opportunities for GenAl

Nov 19, 2024

Risks of GenAI

Nov 19, 2024

What are the different Buzzwords and what do they mean?

Nov 19, 2024

What are some practical uses of generative Al today?

Nov 19, 2024

What is generative Al and why the hype?

Nov 20, 2024

How to write Sales Copy without sounding "Salesy"

Nov 20, 2024

So you've got a Product Writer on your team, now what?

Nov 20, 2024

Free Course on the UXWriting Hub

Nov 20, 2024

How to Generic "Call to Action" misleads users and how to avoid it

Nov 20, 2024

Localisation Guide by Apple

Nov 20, 2024

Writing for global audiences by Susanna Zaravsky

Nov 20, 2024

Introduction to UX Writing by Material Design

Nov 20, 2024

The Obvious UI is Often the Best UI

Nov 20, 2024

UX writing: 40 rules for writing

Nov 20, 2024

Guide to UX Writing by Apple HIG

Nov 20, 2024

15 UX Writing Portfolios

Nov 20, 2024

Books on UX Writing

Nov 20, 2024

15 Day UX Writing Challenge in your Inbox

Nov 20, 2024

10 Ways to get started with UX Writing

Nov 20, 2024

Writing Digital Copy for Domain Experts

Nov 20, 2024

Interface Copy Impacts Decision Making

Nov 20, 2024

Conversation Design Principles

Nov 20, 2024

Learn about Call to Action and it's comprehension

Nov 20, 2024

Writing for Accessibility

Nov 20, 2024

Case Study: Dropbox – How data informs our writing

Nov 20, 2024

Legibility, Readability, and Comprehension: Making Users Read Your Words

Nov 20, 2024

What are some basics of grammar in UX Writing?

Nov 20, 2024

Writing for Interfaces by Apple

Nov 20, 2024

What are some examples of UX Writing?

Nov 20, 2024

The Biggest Mistake in Writing for the Web

Nov 20, 2024

The Difference between UX writing and Copywriting?

Nov 20, 2024

What is UX Writing?

Nov 21, 2024

Running a Funded Startup with No-Code

Nov 21, 2024

Build a Mobile App & Launch it to Play Store

Nov 21, 2024

Build 1:1 Membership Platform

Nov 21, 2024

Build a Curated Meetup Platform with No-Code

Nov 21, 2024

Creating a Niche Directory with Nocode

Nov 21, 2024

Build a Order Management App with No-Code

Nov 21, 2024

How Notion helped Xperian make $400k in 24 months

Nov 21, 2024

Can you make your Career with No-Code?

Nov 21, 2024

How to No-Code?

Nov 21, 2024

What is No-Code?

Layout & Design

Feb 22, 2024

The Multi-Dimensional Structure of the Guide

Feb 22, 2024

Compunding Learning on your Journey

Feb 22, 2024

The Organic Growth of a Designer: From Imitation to Innovation

Feb 22, 2024

Better Self-Guided Path to Design: Practice, Imitation and Curiosity

Feb 22, 2024

The Holistic Path to Design Mastery: Balancing Depth and Breadth

Feb 22, 2024

The Synergy of Human Nature and UI Design

Feb 22, 2024

The UI-First Approach

Feb 22, 2024

The Foundation of Design: Understanding Human Nature and Beyond

Feb 22, 2024

Starting from Scratch: A Beginner's Perspective on Design

Feb 22, 2024

The Five Layers of Career Progression in Design

Feb 22, 2024

The Real Reasons People Get Into Design: A Candid View

Feb 22, 2024

Introduction to Framer Account and Pricing

Feb 22, 2024

About Framer CMS

Feb 22, 2024

Setting up Filters for the Blog

May 10, 2023

Reference another CMS Collection in a Page

Dec 15, 2023

Building a Simple Slideshow

Feb 22, 2024

Adding Parallax Effects in Framer

Mar 25, 2023

Embed a Tally.so Form

Mar 25, 2023

Add an iframe or embed script in Framer

Feb 24, 2024

Add a Cookie Banner to your Site

Feb 22, 2024

Design Custom Cursors

Feb 8, 2024

Components in Framer

Feb 22, 2024

The difference between Framer and Figma

Feb 22, 2024

Absolute & Fixed Positioning

Feb 22, 2024

Layout, Stacks and Frames

Feb 8, 2024

Text Styles & more

Feb 1, 2024

When to use Figma to Framer Plugin?

Feb 22, 2024

Achieving Seamless Responsiveness

Feb 22, 2024

Cards based interaction

Feb 22, 2024

Fundamentals of the Editor

Dec 15, 2023

Building a Simple Website

Feb 22, 2024

Publishing Your Website with Custom Domain

Feb 22, 2024

Handover your Website with Remix Links

Feb 25, 2024

SEO in Framer

Feb 22, 2024

Setup a Blog in Framer CMS

Feb 22, 2024

Build a Landing page with Framer Components

Aug 8, 2023

How to make a simple landing page with Framer & Midjourney

Nov 19, 2024

Curated Tools for Automation, Assistants and more

Nov 19, 2024

Curated Tools for Verbal, Copy and Words

Nov 19, 2024

Curated Tools for GenAI Visuals and Video

Nov 19, 2024

Generate Flow Charts with Whimsical Al

Nov 19, 2024

Take notes with Al without typing

Nov 19, 2024

Wireframing with UIZard

Nov 19, 2024

Midjourney Crash Course by 100x Engineers

Nov 19, 2024

Site Builder with Relume Al

Nov 19, 2024

Heinz Ketchup's Al Generated Campaign

Nov 19, 2024

GenAl Furniture by Ikea

Nov 19, 2024

Create Real Magic by Coco-Cola

Nov 19, 2024

Android AI with Gemini & Nano

Nov 19, 2024

Apple Intelligence

Nov 19, 2024

Design Opportunities for GenAl

Nov 19, 2024

Risks of GenAI

Nov 19, 2024

What are the different Buzzwords and what do they mean?

Nov 19, 2024

What are some practical uses of generative Al today?

Nov 19, 2024

What is generative Al and why the hype?

Nov 20, 2024

How to write Sales Copy without sounding "Salesy"

Nov 20, 2024

So you've got a Product Writer on your team, now what?

Nov 20, 2024

Free Course on the UXWriting Hub

Nov 20, 2024

How to Generic "Call to Action" misleads users and how to avoid it

Nov 20, 2024

Localisation Guide by Apple

Nov 20, 2024

Writing for global audiences by Susanna Zaravsky

Nov 20, 2024

Introduction to UX Writing by Material Design

Nov 20, 2024

The Obvious UI is Often the Best UI

Nov 20, 2024

UX writing: 40 rules for writing

Nov 20, 2024

Guide to UX Writing by Apple HIG

Nov 20, 2024

15 UX Writing Portfolios

Nov 20, 2024

Books on UX Writing

Nov 20, 2024

15 Day UX Writing Challenge in your Inbox

Nov 20, 2024

10 Ways to get started with UX Writing

Nov 20, 2024

Writing Digital Copy for Domain Experts

Nov 20, 2024

Interface Copy Impacts Decision Making

Nov 20, 2024

Conversation Design Principles

Nov 20, 2024

Learn about Call to Action and it's comprehension

Nov 20, 2024

Writing for Accessibility

Nov 20, 2024

Case Study: Dropbox – How data informs our writing

Nov 20, 2024

Legibility, Readability, and Comprehension: Making Users Read Your Words

Nov 20, 2024

What are some basics of grammar in UX Writing?

Nov 20, 2024

Writing for Interfaces by Apple

Nov 20, 2024

What are some examples of UX Writing?

Nov 20, 2024

The Biggest Mistake in Writing for the Web

Nov 20, 2024

The Difference between UX writing and Copywriting?

Nov 20, 2024

What is UX Writing?

Nov 21, 2024

Running a Funded Startup with No-Code

Nov 21, 2024

Build a Mobile App & Launch it to Play Store

Nov 21, 2024

Build 1:1 Membership Platform

Nov 21, 2024

Build a Curated Meetup Platform with No-Code

Nov 21, 2024

Creating a Niche Directory with Nocode

Nov 21, 2024

Build a Order Management App with No-Code

Nov 21, 2024

How Notion helped Xperian make $400k in 24 months

Nov 21, 2024

Can you make your Career with No-Code?

Nov 21, 2024

How to No-Code?

Nov 21, 2024

What is No-Code?