Design and Creative
3D Design with Blender Basics
Enter the world of 3D with the industry’s favourite free tool. Model, light, and render your first professional-quality…
USD 39
Figma for Product Design
Design responsive interfaces in Figma with auto layout, components and variables, prototype realistic flows, and hand designs to developers with confidence.
About this course
Design and prototype in Figma. Master components, auto-layout, and collaboration to build modern interfaces and design systems.
What you will learn
- Build responsive screens with frames, constraints and auto layout that adapt to different content and sizes
- Create colour, text and effect styles and variables, including light and dark modes
- Design reusable components with variants and properties and organise them into a shared library
- Prototype interactive flows with triggers, overlays, Smart Animate and mobile gestures
- Run design reviews and gather feedback using comments, sharing settings and structured critique
- Prepare clean, well-annotated files that developers can build from accurately
Curriculum
Module 1Figma Foundations4 lessons
- 1Why Teams Use Figma Free preview
- 2Frames, Shapes and Constraints
- 3Auto Layout Deep Dive
- 4Styles and Variables
- QModule quiz (4 questions)
Module 2Components and Systems4 lessons
- 5Building Reusable Components
- 6Variants and Properties
- 7Design Tokens and Libraries
- 8Organising Files and Pages
- QModule quiz (4 questions)
Module 3Prototyping4 lessons
- 9Interactive Flows and Triggers
- 10Smart Animate
- 11Prototyping Mobile Gestures
- 12Sharing and Gathering Feedback
- QModule quiz (4 questions)
Module 4Team Workflows3 lessons
- 13Developer Handoff Done Right
- 14Design Reviews and Comments
- 15Course Project: Design a Product Feature
- QModule quiz (4 questions)
PFinal project: Design and Prototype a Mobile Product Feature
Who this course is for
- Beginners who want to start a career in product, UI or UX design
- Developers, product managers and founders who need to create or read interface designs
- Graphic designers moving from print or social media design into digital products
Requirements
- A computer with a modern web browser or the Figma desktop app, and a free Figma account
- A reliable internet connection, since Figma works in the cloud
- No prior design software experience is needed; a mouse is helpful but not required
What is included
Written lessons
15 lessons, each with a practical exercise and key points to remember.
Module quizzes
A short quiz at the end of each module. Pass mark 70%, and you can retake it.
Final project
Design and Prototype a Mobile Product Feature. A practical brief with steps and a way to check your own work.
Certificate
A certificate of completion from EMFAD Courses with a unique code anyone can verify.
How the certificate works
Complete every lesson and pass every module quiz with 70% or more. Your certificate then appears in your learner area, ready to print or save as PDF. It shows your name, the course title, the completion date and a unique code. It is a certificate of completion from EMFAD Courses, not an accredited qualification.
More in Design and Creative
All →Design and Creative
Adobe Illustrator for Beginners
Create scalable vector art. Master shapes, the pen tool, color, and typography to design logos, icons, and illustrations.
USD 39
Design and Creative
Adobe Photoshop Essentials
Master the industry standard. Learn layers, retouching, selections, and effects to edit and create professional images in…
USD 39