Figma UI UX Design Essentials Pt.1: Tools & Foundations

via Coursera

Go to class Write review

Details

Go to class

Provider

Coursera
Pricing

Paid Course
Languages

English
Certificate

Paid Certificate Available
Duration & workload

14 hours 32 minutes
Sessions

On-Demand
Level

Beginner
Subtitles

English

Found in

Part of

Beginner: Figma UI / UX Design Essentials

Overview

Coursera Flash Sale

40% Off Coursera Plus for 3 Months!

Grab it

In Part 1 of the Figma UI UX Design Essentials series taught by experienced designer Dan Scott, you’ll learn the core tools and foundational skills to start designing user interfaces with confidence—even if you’re brand new to design. By the end of this course, you’ll know how to create wireframes, apply key design principles, and structure your work to align with client expectations. , This course offers a beginner-friendly introduction to the UX design process, including how to define a brief, create UX personas, and lay out simple wireframes. You’ll also gain hands-on practice through class projects and get familiar with the Figma interface, tools, and workflows. This course is perfect for aspiring UX designers, developers, or anyone looking to break into the digital design industry. What makes this course unique is its approachable, project-based style and Dan’s clear, encouraging teaching that demystifies design jargon and helps you build real-world skills from day one. Instructor bio: Daniel Walter Scott is a digital designer, Adobe Certified Instructor, and founder of Bring Your Own Laptop (BYOL). With over 14 years of teaching experience, he has helped thousands of learners worldwide master design and creative software across print, web, video, and now 3D. Daniel is an Adobe Certified Expert and Adobe Certified Instructor who combines industry expertise with a teaching style that’s practical, engaging, and memorable. Originally from New Zealand, Daniel has lived and taught across Australia, Ireland, and beyond—sharing his skills with a truly global creative community. He’s passionate about helping students build real-world skills they can carry into their careers and creative projects. When he’s not teaching, Daniel enjoys life with his Irish wife and kids. He brings this personal, down-to-earth perspective into his courses, making complex tools feel approachable and fun to learn.

Syllabus

Introduction to Figma & Course Overview

Get started with the fundamentals of UI and UX design using Figma. In this module, you'll explore what Figma is, how it compares to other tools, and how UI and UX intersect in modern design. You'll also set up your first class project by creating a brief that will guide your learning journey throughout the course.

Wireframing & Foundational Design Tools

Learn the core building blocks of digital design in Figma. This module introduces wireframing basics, key tools for typography and shape creation, and best practices for using frames to organize your layouts. You’ll also learn when to use low-fidelity versus high-fidelity wireframes.

Colors, Strokes & Object Basics

Master the visual styling tools in Figma by exploring color application, stroke settings, and object manipulation. This module also explains the difference between frames and groups for smarter organization, and gives you hands-on experience using Figma’s editing tools.

Wireframe Practice & Icon Design

Put your wireframing knowledge to work by building a functional layout and incorporating icons into your design. You’ll learn where to source free icons, how to match stroke styles for consistency, and how to use plugins to streamline your icon workflow.

Prototyping Basics

Bring your static designs to life with clickable prototypes. This module teaches you how to use pages to organize multi-screen designs, add animations and easing, and test your prototypes directly on your phone using Figma Mirror.

Animation & Collaboration

Explore how to collaborate and share your designs effectively while adding dynamic animations. You’ll use Smart Animate for transitions, learn how to collect stakeholder feedback through comments, and collaborate in real time with shared editing features.

UX Inspiration & Moodboards

Design starts with inspiration. This module helps you identify sources of creative influence, build a moodboard that sets the tone for your project, and clearly communicate the visual direction of your UX work.

Layouts, Columns & Color Techniques

Establish design consistency using color styles, custom palettes, and grid layouts. You'll discover how to structure content with columns and alignment tools, build gradients, and create reusable color systems that bring polish to your work.

Typography & Text Styling

Dive into the details of digital typography. You’ll learn how to choose web-safe fonts, create character styles, handle font pairing, and troubleshoot common text issues to ensure your designs are both accessible and visually engaging.

Shapes, Icons & Boolean Tools

Advance your shape design skills with Figma’s Boolean operations and path editing tools. Learn how to create custom UI elements like squircle buttons and combine shapes in creative ways using Union, Flatten, and more.

Images, Masking & UX Tools

Finish strong by integrating images into your designs using Figma’s masking and cropping features. You’ll also compare Figma’s image capabilities with tools like Photoshop and Illustrator and explore plugins that boost your image workflows.