What you’ll learn
- The difference between UI and UX, and a simple process for designing anything
- How to wireframe ideas before designing the details
- Figma’s core tools: frames, layers, auto layout, components, styles and variables
- The visual design basics: typography, color and layout grids
- How to prototype, test with real people and improve your design
- How to build a small design system, design accessibly and hand off to developers
- How to design a complete landing page with a clickable prototype
Who this course is for
- Beginners who want to design websites and apps
- Developers and no-code builders who want better-looking projects
- Freelancers who want to add UI/UX design to their services
Before you start
Do I need drawing skills?
No. UI design is about layout, hierarchy and clarity, not illustration. Practice matters far more than talent.
Is Figma free?
Figma has a free plan that’s enough for this whole course. Paid plans add features for teams and developer handoff. Check figma.com/pricing for current plans.
Do I need to know code?
No. Knowing basic HTML and CSS helps you design things that are practical to build, and the free courses on this site cover them.
What will I build?
A landing page design for desktop and mobile with a small design system and a clickable prototype you can share with clients.
