Traf – Framer Training

Modules to level up your Framer game

INTRODUCTION:

Course ovherview

Meet your teacher

Fremer vs. other tools

Ïnterface walkthrough

Pre-design checklist

CORECONCEPTS:

Type, graphics, and images

Stack and grind-based layouts

Positioning (relative, absolute, fixed)

Element sizing (fixed, fill, auto)

Reusable text and color styles

COMPONENTS:

Components overview

Creating variants and variables

Interactive states (hover, presssed)

Utilizing code components

Utilizing built-in plugins

CONTENT SYSTEM:

CMS overview

Cresting a CMS collection

Sorting and filtering content

CMS-generated site pages

Use cases, tactics, and more

EFFECTS AND MOTION:

Effects overview

Effect options (appear, hover, atc.)

Scroll transforms and variants

Motion-base components

Best practices/do´s and don´ts

EXTRAS AND DETAILS:

Responsive design

Overlays and embeds

Custom code overrides

Settings and SEO metatags

Tips, tactics, and shortcuts

Sales Page:_https://framer.training/