Home › Creative Training › Framer

UI/UX Design

Framer Training

Modern no-code design tool for building interactive websites and prototypes with motion and animation.

3 programme tiers Online & on-site HRD Corp claimable Customisable duration

Choose your level.

Select the tier that matches your team's current skill level and learning goals.

Essential

Framer — Essential

For: Designers wanting to build interactive prototypes and simple websites

day

After this programme you will be able to

Build a basic website or prototype using Framer

Apply Framer's component and layout system

Create animations and interactions without code

Publish a site to a Framer domain

Understand when to use Framer vs Figma vs Webflow

Topics covered

› Framer interface and canvas

› Components and layout system

› Built-in animations and smart components

› Prototyping and preview

› Publishing and custom domains

› Framer vs Figma vs Webflow: use cases

Delivery: Online (live) On-site — your premises On-site — ALP venue Half or full day sessions Duration customisable

Intermediate

Framer — Intermediate

For: Designers building production websites and advanced prototypes

days

After this programme you will be able to

Design and build a complete responsive website in Framer

Create complex scroll-based and hover animations

Build custom React components for Framer

Connect CMS content to Framer designs

Optimise sites for SEO and performance

Deliver production-ready sites to clients

Topics covered

› Responsive breakpoints and layout

› Advanced animations: scroll, parallax, hover

› Custom code components in React

› Framer CMS and dynamic content

› SEO and performance in Framer

› Client delivery and handoff

Delivery: Online (live) On-site — your premises On-site — ALP venue Half or full day sessions Duration customisable

Masterclass

Framer — Masterclass

For: Anyone wanting professional-level Framer design and development

days

After this programme you will be able to

Build highly animated, production-ready marketing websites

Handle custom code, CMS and complex interactions

Deliver sites that stand out for motion and interaction quality

Build a Framer design portfolio

Topics covered

› Full Essential through Intermediate curriculum

› Showcase website build with advanced animations

› Custom component library

› Portfolio development

Delivery: Online (live) On-site — your premises On-site — ALP venue Half or full day sessions Duration customisable

Ready to train your team?

Get an instant quote or request the full course outline with detailed syllabus.

Get a quote → Request full course outline