Figma UI UX Design Essentials from Udemy

Hi there - my name is Dan Scott & welcome to Figma Essentials.

Together - you and me - are going to learn everything you need to get started working as a UX Designer using Figma.

We’ll use this UI UX design tool to create beautiful User Interfaces and engaging prototypes. Most importantly... we'll cover the client expectations of you as a new UX designer.

This course is aimed at people new to design, new to User Experience design. Even if you’re not totally sure what UX really means, don’t worry. We’ll start right at the beginning and work our way through step by step.

First we’ll describe the brief & how to work with a UX persona.
Then you’ll learn how to create simple wireframes.
From there we’ll look at how to implement colours & images properly in your designs.
You’ll learn the do’s & don’ts around choosing fonts for web & mobile apps.
You’ll learn how to create your own icons, buttons & other UI components.
You’ll learn some pretty scary terms such as Components, Constraints & Multi Dimensional Variants. They are all really easy to understand once you know how.
We’ll also make our lives easier by using free UI kits & plugins for Figma which will speed up our workflow dramatically.
We’ll build a simple Style Guide ready for client handoff.
You’ll understand how to make both simple & advanced micro interactions, page transitions & animations

Before the end of this course you will have made fully interactive prototypes

You will take a project all the way through - collaborating with other team members and exporting the right files ready to hand off to your developer or software engineer.

We’ll be focusing on the software Figma but I’ll make sure to explain the techniques & terms used in the UX and how real world projects are run. You will develop a great understanding of the industry and will be able to manage your own UX projects.

I will be setting assignments through the course which will help develop your skills and enable you to create something special and unique for your own portfolio.

Alright - it's time to upgrade yourself & go from Figma Zero to Figma Hero.

What's inside

Learning objectives

How to begin working as a ux designer using figma.
How to use figma for essential ux design & ui design
How to make fully interactive prototypes.
How to work with a ux personas.
You will be able to add ux designer to your cv.
Build a ux project from beginning to end.
What the client expects of you as a ux designer.
How to create simple wireframes.
How to implement colours & images properly in your designs.
The dos & don'ts around choosing fonts for web & mobile apps.
How to create your own icons, buttons & other ui components.
Terms such as components, constraints & multi dimensional variants.
Free ui kits & plugins for figma which will speed up our workflow dramatically!

How to build a simple style guide, ready for client handoff.
How to make both simple & advanced micro interactions, page transitions & animations.
Learn to design websites & mobile phone apps.
Work with fonts & colors.
Test on mobile phones.
Export production ready assets.
Create your first ux brief & persona.
Learn professional workflow tricks & shortcuts.
Forum support from me and the rest of the byol crew.
All the techniques used by ux professionals
111 videos of detailed figma & ux & ui design content.
Show more
Show less

How to begin working as a ux designer using figma.
How to use figma for essential ux design & ui design
How to make fully interactive prototypes.
How to work with a ux personas.
You will be able to add ux designer to your cv.
Build a ux project from beginning to end.
What the client expects of you as a ux designer.
How to create simple wireframes.
How to implement colours & images properly in your designs.
The dos & don'ts around choosing fonts for web & mobile apps.
How to create your own icons, buttons & other ui components.
Terms such as components, constraints & multi dimensional variants.
Free ui kits & plugins for figma which will speed up our workflow dramatically!
How to build a simple style guide, ready for client handoff.
How to make both simple & advanced micro interactions, page transitions & animations.
Learn to design websites & mobile phone apps.
Work with fonts & colors.
Test on mobile phones.
Export production ready assets.
Create your first ux brief & persona.
Learn professional workflow tricks & shortcuts.
Forum support from me and the rest of the byol crew.
All the techniques used by ux professionals
111 videos of detailed figma & ux & ui design content.
Show more
Show less

Syllabus

Getting Started

Introduction to Figma Essentials training course

Getting started with Figma training

What is Figma for & does it do the coding?

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

Uses Figma, which is a leading tool for UX design

Well-structured with detailed video content and practical assignments

Introduces essential UX design concepts and principles

Covers advanced topics like micro-interactions and animation

Provides guidance on creating professional UX deliverables

Reviews summary

Figma ui/ux: clear beginner foundation

According to students, this course is a highly effective starting point for anyone new to UI/UX design and Figma. Learners consistently praise the instructor for their clear and digestible explanations, making complex topics like Components, Constraints, and Auto-layout easy to grasp. The hands-on projects and practical assignments are frequently highlighted as key strengths, enabling students to build interactive prototypes and a strong portfolio. While some experienced designers found the pace occasionally slow or desired more advanced content, the course largely excels at providing a solid foundational understanding for beginners, though occasional updates to align with Figma's rapid changes would be beneficial.

Focus on real-world projects and skills.

"The hands-on projects helped me understand Figma quickly."

"I liked the practical approach and the project assignments were useful."

"I especially appreciated the focus on real-world application, it made learning so much more relevant."

"The assignments were challenging but rewarding, and really improved my portfolio."

Comprehensive and easy to follow for newcomers.

"This course is absolutely fantastic for beginners! I feel ready to start my UX journey."

"It's truly for 'essentials' as the title suggests. Good for complete newbies."

"Hands down the best Figma course for beginners. Everything is explained step-by-step."

"I went from knowing nothing about Figma to designing and prototyping my own app effectively."

Instructor Dan Scott is highly praised for clarity.

"Dan is an amazing instructor, very clear and concise."

"The instructor explains complex concepts like components and auto-layout in a very digestible way."

"Dan is a phenomenal teacher. His explanations are always crystal clear and the exercises are practical."

Needs occasional alignment with Figma changes.

"I felt some sections were rushed, and the interface shown in the videos was slightly different from the current Figma version, which caused minor confusion."

"My main feedback would be to keep the content updated with Figma's frequent changes, as the tool evolves rapidly."

Foundational, less suited for advanced learners.

"Some topics could be more in-depth, especially for someone who already knows basic design principles."

"As an experienced designer, I was looking for more advanced techniques. It's truly for 'essentials'."

"The course covers the basics well, but I found some parts a bit slow, being an experienced designer."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Figma UI UX Design Essentials with these activities:

Follow Figma Tutorials and Courses

Show steps

Supplement your learning with Figma tutorials and courses to expand your knowledge and develop new skills.

Browse courses on Online Courses

Show steps

Search for Figma tutorials and courses online.
Choose tutorials and courses that cover specific topics you want to learn.
Follow the tutorials and complete the exercises.
Apply what you learn to your own design projects.

Read Design of Everyday Things by Don Norman

Show steps

Read this foundational book on user experience design by Don Norman to enhance your understanding of the principles and best practices of UX design.

View Things That Make Us Smart: Defending Human... on Amazon

Show steps

Purchase the book and set aside time for reading.
Read the book thoroughly, taking notes on key concepts.
Summarize the main ideas and principles presented in the book.
Reflect on how these principles apply to your own design work.

Create a UX Design Portfolio

Show steps

Start working on building your UX design portfolio to showcase your skills and demonstrate your ability to solve real-world design problems.

Browse courses on UX Portfolio

Show steps

Gather your best UX design work and case studies.
Create a website or online portfolio to showcase your work.
Describe the design process and outcomes for each project.
Get feedback on your portfolio from other designers.

Two other activities

Expand to see all activities and additional details

Show all five activities

Create a Figma Design System

Show steps

Create a Figma design system to establish a consistent and reusable set of design elements, components, and styles for your UX design projects.

Browse courses on Design System

Show steps

Define the scope and goals of your design system.
Establish design principles and guidelines.
Create a library of reusable components and styles.
Document your design system for easy reference.

Design a Mobile App Prototype

Show steps

Design a fully interactive mobile app prototype in Figma to demonstrate your ability to create user-friendly and engaging mobile experiences.

Show steps

Define the user persona and app requirements.
Create wireframes and design mockups.
Build an interactive prototype using Figma.
Test and iterate on your prototype.

Career center

Learners who complete Figma UI UX Design Essentials will develop knowledge and skills that may be useful to these careers:

UX Designer

UX Designers focus on the user experience of digital products. This course will help build a foundation for this career by teaching you the basics of UX design, including how to create user personas, conduct user research, and design user interfaces. You will also learn how to use Figma to create prototypes and other UX deliverables.

See salaries and explore the career path for UX Designer

UI Designer

UI Designers create the look and feel of digital products. This course will help build a foundation for this career by teaching you how to use Figma, a popular UI design tool. You will learn how to create wireframes, prototypes, and other UX deliverables.

See salaries and explore the career path for UI Designer

User Researcher

User Researchers are responsible for conducting research on users to inform the design of digital products. This course will help build a foundation for this career by teaching you the basics of user research, including how to conduct user interviews, surveys, and usability tests. You will also learn how to use Figma to create prototypes and other user research deliverables.

See salaries and explore the career path for User Researcher

Interaction Designer

Interaction Designers are responsible for the design of the interactions between users and digital products. This course will help build a foundation for this career by teaching you the basics of interaction design, including how to create prototypes, conduct user testing, and design user interfaces. You will also learn how to use Figma to create prototypes and other interaction design deliverables.

See salaries and explore the career path for Interaction Designer

Product Designer

Product Designers are responsible for the overall design of digital products. This course will help build a foundation for this career by teaching you the basics of product design, including how to define product requirements, conduct user research, and design user interfaces. You will also learn how to use Figma to create prototypes and other product design deliverables.

See salaries and explore the career path for Product Designer

Web Designer

Web Designers are responsible for the design of websites. This course will help build a foundation for this career by teaching you the basics of web design, including HTML, CSS, and JavaScript. You will also learn how to use Figma to create prototypes and other web design deliverables.

See salaries and explore the career path for Web Designer

Front-End Developer

Front-End Developers are responsible for the implementation of the user interface of digital products. This course will help build a foundation for this career by teaching you the basics of front-end development, including HTML, CSS, and JavaScript. You will also learn how to use Figma to create prototypes and other front-end development deliverables.

See salaries and explore the career path for Front-End Developer

Information Architect

Information Architects are responsible for the organization and structure of information on digital products. This course will help build a foundation for this career by teaching you the basics of information architecture, including how to create sitemaps, wireframes, and user flows. You will also learn how to use Figma to create prototypes and other information architecture deliverables.

See salaries and explore the career path for Information Architect

Content Strategist

Content Strategists are responsible for the planning, creation, and management of content for digital products. This course will help build a foundation for this career by teaching you the basics of content strategy, including how to define content goals, conduct user research, and create content calendars. You will also learn how to use Figma to create prototypes and other content strategy deliverables.

See salaries and explore the career path for Content Strategist

Graphic Designer

Graphic Designers are responsible for the creation of visual content, such as logos, brochures, and websites. This course will help build a foundation for this career by teaching you the basics of graphic design, including typography, color theory, and image editing. You will also learn how to use Figma to create prototypes and other graphic design deliverables.

See salaries and explore the career path for Graphic Designer

Motion Designer

Motion Designers are responsible for the creation of animated content for digital products. This course will help build a foundation for this career by teaching you the basics of motion design, including how to create storyboards, animatics, and prototypes. You will also learn how to use Figma to create prototypes and other motion design deliverables.

See salaries and explore the career path for Motion Designer

Project Manager

Project Managers are responsible for the planning, execution, and delivery of digital products. This course may be helpful in building a foundation for this career by teaching you the basics of project management, including how to create project plans, manage budgets, and track progress. You will also learn how to use Figma to create prototypes and other project management deliverables.

See salaries and explore the career path for Project Manager

Business Analyst

Business Analysts are responsible for the analysis of business processes and requirements. This course may be helpful in building a foundation for this career by teaching you the basics of business analysis, including how to conduct interviews, document requirements, and create use cases. You will also learn how to use Figma to create prototypes and other business analysis deliverables.

See salaries and explore the career path for Business Analyst

Technical Writer

Technical Writers are responsible for the creation of documentation for digital products. This course may be helpful in building a foundation for this career by teaching you the basics of technical writing, including how to write user guides, technical manuals, and release notes. You will also learn how to use Figma to create prototypes and other technical writing deliverables.

See salaries and explore the career path for Technical Writer

Sound Designer

Sound Designers are responsible for the creation of sound effects and music for digital products. This course may be helpful in building a foundation for this career by teaching you the basics of sound design, including how to create sound effects, record audio, and mix audio. You will also learn how to use Figma to create prototypes and other sound design deliverables.

See salaries and explore the career path for Sound Designer