Traf – Framer Training

Design & build modern websites with zerø code

Tactical video lessons on building custom sites with Framer.

What You’ll Learn In Framer Training

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