Technology & Digital Skills
Visual Design and UI Components in Figma
Visual Design and UI Components in Figma is a course in UX/UI Design with Figma: From First Sketch to Polished Prototype. 10 lessons covering Introduction to Visual Hierarchy and Scanning Patterns; Typography Styles and Text Properties in Figma Deeper Dive; Colour Palettes in Figma—Creating and Applying Styles Professionally.
10 published lessons · Online learning · Part of Learn & Grow
View the curriculum here. Sign in to access lessons under your learning plan.
What this course covers
- Introduction to Visual Hierarchy and Scanning Patterns · 15 min
- Typography Styles and Text Properties in Figma Deeper Dive · 15 min
- Colour Palettes in Figma—Creating and Applying Styles Professionally · 15 min
- Buttons, Inputs, and Form Design Best Practices · 15 min
- Cards and List Items—Designing Reusable Content Blocks · 15 min
- Componentising Icons—Building an Icon Library in Figma · 15 min
- Working with Images—Placeholders, Cropping, and Aspect Ratios in UI · 15 min
- Modals, Dialogs, and Bottom Sheets—Overlay Components · 15 min
- Selection Controls—Toggles, Checkboxes, Radio Buttons, and Switches · 15 min
- Building a Tab Bar and Navigation Bar with Variants · 15 min
Continue your learning path
This course belongs to UX/UI Design with Figma: From First Sketch to Polished Prototype. Explore the full academy to see the other courses in this learning path.
How to get started
- Create your Learn & Grow account or sign in.
- Review the available access plans and choose the academy you need.
- Work through the lessons and activities in your learning dashboard.
Contact support if you need help choosing the right learning path.