Traf – Framer Training

What You Get:
Lifetime Updates
8 + Video Modules
4 + Hours of video
Instant access
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