✨ Product Design | No-code dev

Figma to WordPress

In this tutorial, you will learn product design and development. Design a real product from scratch with Figma, then launch it as a live WordPress website, no coding required!

  • 6 weeks Class
  • Must have a laptop
  • Q&A: 4 – 5 pm, Saturday
  • New video every week

Welcome message

✨ Product Design | No-code dev

Figma to WordPress

In this tutorial, you will learn product design and development. Design a real product from scratch with Figma, then launch it as a live WordPress website, no coding required!

Week 1 — Foundations
– Design Principle
– Difference between UI and UX
– How to earn with UI/UX & Web design
– Intro to Figma (download or install Figma, Dashboard, Tools bar, layers, properties)


Week 2 — Test project
– Redesigning a DoorDash App and Binance app (use Grids)
– Designing a landing page in Figma


Week 3 — Structure + business side
– How to create a product requirements document (PRD) – Case study Project

Week 4 — Branding
– Logo and branding in Figma – Case study Project
– Design system in Figma – Case study Project


Week 5 — Main project — design
– App design & Prototype – Case study Project
– Landing page design – Case study Project


Week 6 — Main project — No-code Dev.
– Hosting and domain registration of a website
– How to install WordPress
– Building a landing page in WordPress a- Case study Project


Bonus
– How to use Figma Agent
– How to create an app with Figma Make

  • 6 weeks Class
  • Must have a laptop
  • Registration: Free
  • Q&A: 4 – 5 pm, Saturday
  • New video every week
  • Date: 23rd Septemer 2026
  • Location: Google Meet & YouTube
  • Registration: Free
  • Beginner friendly