Framer Training by Experts

(By TechnoMaster – Learn from Industry Experts)

Course Format:

• Total Duration: 10 Hours (5 Sessions x 2 Hours Each)

• Mode: Live Online/Offline with Projects

• Outcome: Build & publish a portfolio-ready website + Certification

Syllabus Breakdown

Session 1: Framer Basics & UI Foundations (2 Hours)

• Introduction to No-Code Development

  • Why Framer? (vs. Webflow, Figma, WordPress)

  • Framer interface & key tools

• Designing Your First Page

  • Layouts, grids, and responsive design principles

  • Working with components & styling

Session 2: Interactive Design & Prototyping (2 Hours)

• Animations & Micro-Interactions

  • Scroll, hover, and click animations

  • Smart components & variants

• Prototyping Workflows

  • Linking pages, transitions, and preview modes

Session 3: Advanced Features & CMS (2 Hours)

• Dynamic Content with CMS

  • Setting up collections (blogs, portfolios, product listings)

  • Fetching data from APIs

• Integrations

  • Google Sheets, Airtable, and third-party plugins

Session 4: Optimization & Publishing (2 Hours)

• SEO & Performance Best Practices

  • Metadata, alt tags, and speed optimization

• Domain Setup & Hosting

  • Publishing on Framer + custom domains

Session 5: Portfolio Project & Career Prep (2 Hours)

• Build a Real-World Project (Landing page/portfolio)

• Freelancing & Job Opportunities

  • How to market Framer skills (Upwork, LinkedIn)

• Q&A + Certification Quiz

  Download Syllabus - Framer
  This syllabus is not final and can be customized as per needs/updates