Traf – Framer Training

Traf – Framer Training Download Link:

(No Ads, No Waiting Time, No Capcha)

Course Info:

Download link is free for members only. Click here to join us.

Traf – Framer Training

What you can Learn from Traf – 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