OpenCourser brand icon
Sign in
We may earn an affiliate commission when you visit our partners.
Course image
Udemy logo

Learn Figma Essentials for UI/UX Design

4.2 Filled star Filled star Filled star Filled star Empty star
Based on 372 ratings
see reviews
Pierluigi Giglio

In this Figma UI UX essentials course for beginners you will learn how to use Figma from the ground up.

You don’t need any prior experience with Figma as this course will cover all the basics during the first section of the course.

This course is divided into two sections: in the first one you will learn the basics of Figma (so no prior experience with the software is required) and the second part we will create two projects so that you can consolidate what you learned in part one and see efficient workflows that will help you tackle design projects.

Read more

In this Figma UI UX essentials course for beginners you will learn how to use Figma from the ground up.

You don’t need any prior experience with Figma as this course will cover all the basics during the first section of the course.

This course is divided into two sections: in the first one you will learn the basics of Figma (so no prior experience with the software is required) and the second part we will create two projects so that you can consolidate what you learned in part one and see efficient workflows that will help you tackle design projects.

You will learn everything you need to know to create any design project in Figma, as well as ways to collaborate with team members and clients through Figma using a clean and efficient workflow (suitable for both remote and local designers).

In just around 4 hours you will be able to learn everything you need to start creating beautiful designs in Figma, turning your ideas into reality and being able to perform efficiently at your job or in your freelance practice.

Most of these advanced techniques are the same used in large companies and will give you an edge as a designer so that you can work smart and not hard.

The best part about this is that Figma’s essentials don’t take a long time to learn, and it’s quite the opposite.

But why should you learn Figma UI UX from me?

I’ll briefly introduce myself: my name is Pierluigi and I’m a full-time designer with over 8 years of experience.

After graduating with a BA Graphic Design from one of the top Design Universities in London I worked and managed hundreds of design projects for companies of all sizes and tech backgrounds, from Fortune 500 companies to Million-Dollar Companies that needed to raise their next round of funding.

On the side, I have also designed over 20 design products and my designs have been downloaded over 50000+ times.

I also have a design channel on Youtube with over 300 videos and I’m active on Dribbble and Instagram with over 30000 followers.

I had a deep passion for design ever since I was in high school and since this industry gave me so much, I want to give back by sharing the knowledge I gathered as a designer over all these years.

So join me today in this course and let's learn Figma, so that you can bring your designs to the next level.

Enroll now

What's inside

Learning objectives

  • Learn how to use figma
  • Learn how to design a basic website in figma
  • Learn how to design a basic web app or dashboard in figma
  • Learn how to design a basic mobile app in figma
  • How to efficiently navigate through figma and organize design files

Syllabus

Learn the basics of Figma and have the essential skills needed to create a design project
How to Create an Account

Useful Keyboard Shortcuts ?


SELECT


Ctrl+right-click   Select Layer

MenuCtrl+click   Deep Select

VIEW


⎵ + drag    Pan

+     Zoom In

-     Zoom Out

Shift + 1      Zoom to Fit



Read more

Useful Keyboard Shortcuts ?

SELECT

Ctrl+right-click   Select Layer

MenuCtrl+click   Deep Select

VIEW

⎵ + drag    Pan

+     Zoom In

-     Zoom Out

Shift + 1      Zoom to Fit

LINKS:

https://www.figma.com/templates/

https://www.uistore.design/types/figma/

https://www.figmafreebies.com/

https://ui8.net/

https://www.sketchappsources.com/

Traffic lights

Read about what's good
what should give you pause
and possible dealbreakers
Covers the essentials of Figma, which is a leading tool in UI/UX design, making it highly relevant for those looking to enter or advance in the field
Starts with the basics of Figma, requiring no prior experience, which makes it accessible for individuals who are new to UI/UX design
Includes projects to consolidate learning and demonstrate efficient workflows, which is beneficial for building a portfolio and showcasing practical skills
Explores collaboration features within Figma, which are essential for working in design teams and communicating with clients in professional settings
Teaches techniques used in large companies, which can provide learners with a competitive edge and prepare them for industry-standard practices
Includes instruction on importing Sketch files, which may be useful for designers transitioning from Sketch to Figma or collaborating with designers who use Sketch

Save this course

Create your own learning path. Save this course to your list so you can find it easily later.
Save

Reviews summary

Beginner-friendly figma fundamentals

According to learners, this course provides a solid foundation and is ideal for complete beginners in Figma. Students highlight the clear and concise instruction and appreciate how the course moves from basic concepts to practical, hands-on projects like designing a dashboard and mobile app. Reviewers feel they gained the essential skills needed to start working on design projects and understand efficient workflows. While it covers the essentials well, some note it is not deeply comprehensive for advanced users looking for in-depth coverage of every feature.
Provides a strong foundation in basic Figma skills.
"It covers all the essential tools and features you need to get started in Figma."
"I feel like I have a strong foundation after completing this course."
"The course gives you all the fundamental knowledge to begin designing."
Hands-on exercises reinforce learning effectively.
"The projects helped me practice what I learned immediately and solidify the concepts."
"I really enjoyed building the sample app and dashboard, it made everything click."
"Applying the tools in the practical projects was the best way to learn."
Explanations are easy to follow for beginners.
"The instructor explains the concepts in a very clear and concise manner."
"Everything was explained simply and clearly, making it easy to follow."
"I appreciated the clear explanations of each tool and feature."
Perfect starting point for those new to Figma.
"This course is perfect for someone who has never opened Figma before."
"It starts from the absolute basics and builds up your confidence."
"As a total beginner, I felt comfortable following along and learning the essentials."
Focuses on basics, not exhaustive advanced topics.
"Good for learning the basics, but don't expect in-depth coverage of advanced features."
"It covers the essentials well, but isn't the most comprehensive course out there."
"While great for beginners, it might not satisfy those looking for deep dives into every Figma function."

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 Learn Figma Essentials for UI/UX Design with these activities:
Practice Keyboard Shortcuts
Reinforce your understanding of Figma by practicing keyboard shortcuts to improve efficiency.
Browse courses on Keyboard Shortcuts
Show steps
  • Review the list of common Figma shortcuts.
  • Practice each shortcut at least five times.
  • Incorporate shortcuts into your daily workflow.
Review 'Refactoring UI'
Improve your UI design skills by studying 'Refactoring UI' to enhance your Figma projects.
View Melania on Amazon
Show steps
  • Read a chapter of 'Refactoring UI'.
  • Apply the principles to a Figma design.
  • Reflect on the impact of the changes.
Design a Landing Page
Solidify your Figma skills by designing a complete landing page from concept to prototype.
Show steps
  • Define the target audience and goals.
  • Create wireframes and a basic layout.
  • Design the visual elements in Figma.
  • Prototype the user flow and interactions.
Four other activities
Expand to see all activities and additional details
Show all seven activities
Create a Figma Plugin Tutorial
Deepen your understanding of Figma plugins by creating a tutorial for others.
Show steps
  • Choose a Figma plugin to showcase.
  • Record a video tutorial demonstrating its use.
  • Share the tutorial on a design community forum.
Build a UI Kit
Master component creation and organization by building a reusable UI kit in Figma.
Show steps
  • Identify common UI elements for a specific niche.
  • Design and create components for each element.
  • Organize the components into a well-structured library.
  • Document the usage of each component.
Review 'Don't Make Me Think, Revisited'
Improve your understanding of usability principles by reading 'Don't Make Me Think' and applying them to your Figma designs.
View Don't Make Me Think, Revisited: A Common Sense... on Amazon
Show steps
  • Read a chapter on a specific usability principle.
  • Analyze a Figma design for usability issues.
  • Implement changes based on the book's recommendations.
Contribute to a Figma Plugin
Enhance your Figma skills by contributing to an open-source Figma plugin project.
Show steps
  • Find an open-source Figma plugin project on GitHub.
  • Identify a bug or feature to work on.
  • Submit a pull request with your changes.

Career center

Learners who complete Learn Figma Essentials for UI/UX Design will develop knowledge and skills that may be useful to these careers:
User Interface Designer
A User Interface Designer focuses on the visual elements with which users interact within a digital product. The course, teaching Figma essentials, is directly applicable, as User Interface Designers use tools like Figma regularly to craft visually appealing and user-friendly interfaces for websites, applications, and other digital platforms. This course helps build a strong foundation in using Figma, covering essential skills from basic navigation to advanced techniques like creating components and prototypes, all of which contribute to success as a User Interface Designer. Further, the course will introduce you to efficient workflows, collaboration, and the sharing of assets with developers.
See salaries and explore the career path for User Interface Designer
User Experience Designer
A User Experience Designer is concerned with the overall feel of a product, ensuring it is easy to use, accessible, and meets user needs. This course on Figma can be particularly helpful for User Experience Designers because it emphasizes the practical application of Figma in creating interactive prototypes and understanding user flows. The course provides a solid grounding in Figma, including the essentials of designing web apps, websites, and mobile apps. Through learning how to prototype and collaborate effectively within Figma, a User Experience Designer can more effectively communicate and test design solutions.
See salaries and explore the career path for User Experience Designer
Interaction Designer
An Interaction Designer focuses on designing interactive elements and experiences within digital products, ensuring seamless and intuitive user interactions. The Figma essentials taught in this course directly apply to the daily work of an Interaction Designer, who uses these tools to create interactive prototypes and design user interfaces. This course helps build a strong foundation with hands-on experience using Figma, covering everything from basic design principles to more advanced prototyping techniques. Furthermore, the knowledge gained about collaboration and efficient workflows will substantially enhance one's effectiveness as an Interaction Designer.
See salaries and explore the career path for Interaction Designer
Mobile App Designer
A Mobile App Designer creates the layout and user interface for applications on mobile devices. This course helps build a strong foundation in Figma, a critical tool for Mobile App Designers. The course covers the essentials of designing mobile apps, including basic UI elements, prototyping, and user flow design. Furthermore, the instruction on effective collaboration and sharing assets with developers aligns well with the workflows of a Mobile App Designer. The course will ensure that one understands the design principles and technical skills necessary to excel in mobile app design.
See salaries and explore the career path for Mobile App Designer
Web Designer
A Web Designer plans and creates the look, layout, and features of a website. This course may be useful for Web Designers looking to enhance their toolkit with Figma skills. This course covers the essentials of Figma, equipping web designers with the skills to create website designs and prototypes. The course's modules on UI/UX design principles and effective collaboration provide relevant preparation for this career. Moreover, this course, which provides hands-on projects, can expand design skills and help a Web Designer stay competitive.
See salaries and explore the career path for Web Designer
Freelance Designer
A Freelance Designer works independently, taking on various design projects for different clients. This course helps build a competitive edge by mastering Figma, an industry-standard design tool. The course covers the essentials of UI/UX design. This course emphasizes practical skills and efficient workflows, which are crucial for Freelance Designers managing multiple projects. By mastering Figma, one can expand service offerings and attract a broader range of clients.
See salaries and explore the career path for Freelance Designer
Product Designer
A Product Designer is involved in both user experience and user interface design for digital or physical products. This course may strengthen one's skillset and abilities in the UI/UX space. The course emphasizes Figma proficiency, an essential tool for modern Product Designers. The course's focus on practical application through project-based learning helps solidify understanding of design principles and prototyping techniques. The course instruction on collaboration with teams and clients fits well with the collaborative nature of Product Designer roles.
See salaries and explore the career path for Product Designer
Design Consultant
A Design Consultant advises clients on design strategies and solutions to improve user experience and engagement. This course may provide additional expertise in Figma so Design Consultants can provide better design options to their clients. By mastering Figma, the Design Consultant can offer more informed recommendations and potentially implement design solutions directly. Further, the teaching in this course on prototyping and collaboration helps the consultant demonstrate design concepts and work effectively with client teams.
See salaries and explore the career path for Design Consultant
Graphic Designer
A Graphic Designer creates visual concepts that communicate ideas, inform, or captivate consumers. This course may broaden a Graphic Designer's skill set by adding expertise in UI/UX design with Figma. The course provides practical skills in designing interfaces for digital products, which complements traditional graphic design skills. This course may expand career opportunities by enabling one to work on a wider range of projects that require both graphic design and UI/UX expertise.
See salaries and explore the career path for Graphic Designer
UI Developer
A UI Developer specializes in translating UI/UX designs into functional code for websites and applications. This course could be useful in improving the UI Developer's ability to work with a UI/UX design team. The course's focus on Figma essentials helps build a better understanding of the design specifications and assets provided by designers. This course's teaching will help create user interfaces efficiently and accurately bring designs to life.
See salaries and explore the career path for UI Developer
Front-End Developer
A Front End Developer implements the visual elements of a website or application, often working closely with designers. Understanding Figma, as taught in this course, can improve collaboration between Front End Developers and designers. The course instruction on exporting assets and sharing CSS code is beneficial for developers. Further, knowing the basics of Figma allows a Front End Developer to better understand design specifications and provide feedback on design feasibility.
See salaries and explore the career path for Front-End Developer
UX Researcher
A UX Researcher conducts studies and gathers insights to inform design decisions and improve user experience. While not a core design tool, familiarity with Figma may help a UX Researcher understand design prototypes and collaborate with design teams. This course may offer a practical understanding of how designs are created and iterated, enhancing the researcher's ability to provide meaningful feedback. Understanding design tools allows a UX Researcher to better contextualize research findings and suggest user-centered improvements.
See salaries and explore the career path for UX Researcher
User Research Analyst
A User Research Analyst studies user behavior and needs to inform design decisions. While not directly a design role, a User Research Analyst familiar with Figma can better understand design prototypes and provide more informed feedback. This course may broaden a User Research Analyst's understanding of the design process, enabling more effective collaboration with design teams. Understanding the capabilities of Figma can help the analyst suggest more practical and user-centered design improvements.
See salaries and explore the career path for User Research Analyst
Information Architect
An Information Architect organizes and structures information within a digital product to ensure usability and findability. While not directly related to visual design, understanding Figma could help an Information Architect visualize and prototype information structures. This course may broaden an Information Architect's ability to communicate design ideas and collaborate with design teams. Being able to prototype in Figma can help the Information Architect test different organizational structures and present them in a more tangible way.
See salaries and explore the career path for Information Architect
Digital Marketing Specialist
A Digital Marketing Specialist develops and implements marketing strategies to promote products or services online. While not directly a design role, understanding basic design principles and tools like Figma may help a Digital Marketing Specialist collaborate more effectively with design teams and create visually appealing marketing materials. This course may provide insights into the design process, helping a Digital Marketing Specialist provide better feedback on marketing visuals and understand the rationale behind design choices. The course may also enable the creation of simple mockups for marketing campaigns.
See salaries and explore the career path for Digital Marketing Specialist

Reading list

We've selected two books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Learn Figma Essentials for UI/UX Design.
Cover image
Don't Make Me Think, Revisited
Save
Focuses on usability principles for web design. It provides a foundation for creating intuitive and user-friendly interfaces. While not Figma-specific, the concepts directly apply to designing effective prototypes and user flows within Figma. This book is commonly used as a textbook at academic institutions.
Don't Make Me Think, Revisited: A Common Sense...
Paperback
$$
Don't Make Me Think, Revisited : A Common Sense...
Hardcover
$$$
Don't Make Me Think, Revisited: A Common Sense...
Kindle Edition
$$

Share

Help others find this course page by sharing it with your friends and followers:
Facebook
LinkedIn
Reddit
X
Link
Email

Similar courses

Similar courses are unavailable at this time. Please try again later.
Course image
Rating
4.2 Filled star Filled star Filled star Filled star Empty star
Effort
4.5 total hours
Via
Udemy
Instructor
Pierluigi Giglio
Language
English
Traffic lights
Read about what's good
what should give you pause
and possible dealbreakers
Covers the essentials of Figma, which is a leading tool in UI/UX design, making it highly relevant for those looking to enter or advance in the field
Starts with the basics of Figma, requiring no prior experience, which makes it accessible for individuals who are new to UI/UX design
Includes projects to consolidate learning and demonstrate efficient workflows, which is beneficial for building a portfolio and showcasing practical skills
Explores collaboration features within Figma, which are essential for working in design teams and communicating with clients in professional settings
Teaches techniques used in large companies, which can provide learners with a competitive edge and prepare them for industry-standard practices
Includes instruction on importing Sketch files, which may be useful for designers transitioning from Sketch to Figma or collaborating with designers who use Sketch
Share this
Share to help others discover this course.
Facebook LinkedIn X Reddit Link Email
Begin learning today
Enroll now to gain full access to Learn Figma Essentials for UI/UX Design.
Enroll now
Save for later
Add this course to your list. Find it anytime.
Save
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2025 OpenCourser