
Explore how to start a ui/ux career by learning to design mobile apps and websites in Figma, using components, variables, and wireframes.
Explore how Figma serves as a powerful design tool, from quick onboarding with get started to choosing a starter plan and signing in via Google or a company account.
Learn to navigate the Figma workspace, set up your design space, and manage files in recent, drafts, and team workspaces, including moving designs to projects and sharing with others.
Explore navigating Figma with the left assets tab, frame and shape tools, and layers on the canvas while using mobile presets and components for iOS and Android, and export frames.
Explain the difference between UI and UX, with UI as the visible design and UX as ideation, information architecture, prototypes, wireframes, and user testing in the course.
Master colors in UI design by creating swatches for primary, secondary, body, and status colors (danger, success, warning) and using them to design a mobile login screen.
Learn to select readable typography for mobile by using Open Sans or Poppins from Google Fonts, and tailor font sizes for title, headings, body, and caption to ensure readability.
Learn how to use grid in mobile design with Figma, set up layout grids, adjust columns, margins, and gutters, and align elements for clean, consistent login screens.
Learn to design a mobile login screen using color, typography, and grid; create email and password inputs, a primary color login button, and guided placeholders and error states.
Learn to design a simple login screen for desktop and mobile by applying colors, typography, and grid principles, adjusting alignment, sizing, and contrast for a cohesive user interface.
Design a simple login screen for desktop and mobile in Figma, adjust alignment, typography, and colors, and apply core design principles to kickstart your UI/UX career.
Explore using Figma variable to store colors and typography as local variables, apply primary and secondary colors across designs, and note that local styles may be phased out.
Learn to understand and create components, including input fields and buttons, using the component icon, so changes to a main component propagate to all instances across hundreds of screens.
Learn to create wireframes for mobile apps by sketching input fields, buttons, and social login options using paper and pencil, then translate to a fidelity wireframe in Figma.
In this UI UX Career Kickstarter with Figma course, you will learn the basics of UI UX and also how to use Figma as a design tool. Perfect for beginners and those looking to transition into UI/UX design, this course will equip you with the skills and knowledge needed to create stunning user interfaces and meaningful user experiences.
What you'll learn:
Basic introduction to UI/UX concepts
Figma interface overview
Colour Theory Crash Course
Typography Tales
Grid setting
Responsive Design 101
Simple design exercise using Figma
Figma components
By the end of this free course, you'll have:
A basic understanding of what UI/UX design entails
Familiarity with Figma's main features
Insight into whether a UI/UX career interests you
This free introduction is just the tip of the iceberg. It's designed to ignite your curiosity and help you determine if you'd like to dive deeper into the vast ocean of UI/UX design through more comprehensive courses in the future.
Remember, every great designer started somewhere. This course could be your first step towards joining the ranks of creative professionals who shape the digital world we live in. Who knows? The next app or website you use might be inspired by the concepts you learn here!
Start your UI/UX exploration today - no cost, no risk!