Free course · Design & Media
Figma Basics
The design tool the industry runs on — frames, components, prototypes and developer handoff. Free companion to ux-design-basics and the Google UX Design course.
6lessons
12quiz questions
6exercises
1graded lab
Watch the course walkthrough
اردو
That was a one-minute preview. The full course video is for signed-in learners. Sign in to watch it here — or create a free BvLogic ID; it takes a minute, and this course is added to it.
What you'll be able to do
- Understand what Figma is for and get comfortable with the canvas.
- Build a real screen with shapes, text, images and proper alignment.
- Build reusable components and shared styles so a design change happens once.
- Link screens into a clickable prototype you can put in front of a real person.
- Deliver a design a developer can build without asking you questions.
- Use Figma for client and team work, and know where the skill leads.
When you want the whole trade
Google UX Design
UX Design
This free course is the introduction. The programme is taught by a trainer, marked by the academy, and carries the syllabus in full — the part an employer asks about.
See the full syllabus and feeCourse content
- 1 Why Figma, and finding your way around Understand what Figma is for and get comfortable with the canvas.
- 2 Laying out a screen Build a real screen with shapes, text, images and proper alignment. Sign in to open
- 3 Components and styles Build reusable components and shared styles so a design change happens once. Sign in to open
- 4 Prototyping Link screens into a clickable prototype you can put in front of a real person. Sign in to open
- 5 Handoff to developers Deliver a design a developer can build without asking you questions. Sign in to open
- 6 Working with Figma professionally Use Figma for client and team work, and know where the skill leads. Sign in to open
Course lab
Graded lab Three screens, a component library and a tested prototype Open the lab →Related free courses
- Graphic Design Fundamentals · Urdu video
- UX Design Basics · Urdu video
- Video Editing Basics · Urdu video
- 3D with Blender
- Adobe Illustrator
- Adobe Photoshop