← Back to all workshops
UI Design Best Practices
Design beautiful, usable UI with principles and Figma
About this workshop
A workshop that takes you through UI design principles you can use in practice, from Layout, Typography and color to building Components in Figma, so your designs look good, stay consistent and are ready to hand off to the development team.
What you'll learn
✓Understand Visual Hierarchy and Layout principles
✓Use Typography and color systematically
✓Use Auto Layout and Components in Figma
✓Build a small Design System
✓Design screens that adapt to multiple sizes
✓Prepare files for handoff to Developers
Workshop content
MODULE 01
UI fundamentals
Visual Hierarchy, Spacing, Grid and Layout
MODULE 02
Typography and color
Choose fonts, set a type scale and build a color system
MODULE 03
Figma for UI Designers
Auto Layout, Components and Variants
MODULE 04
Build a basic Design System
Tokens, Styles and Component Library
MODULE 05
Workshop: design a real screen
Design a screen from a brief and receive Feedback
Who it's for
Those with UX basics who want to improve their UIGraphic Designers who want to design Digital ProductsFrontend Developers who want to understand design workWhat to prepare
A laptop with a (free) Figma accountBasic Figma experience will help a lotCuriosity and readiness to get hands-onInstructors
Okuzero Team
Instructor team · Okuzero Studio
Designers, Developers and Product people from Okuzero Studio who design and build digital products for real clients, teaching from real work experience in every class.