Figma is a very powerful application that runs online. There are virtually no platform boundaries when it comes to using figma because you can design within a web browser or using their desktop application made for windows and macs. Figma is similar to Sketch and Adobe XD but is the more powerful of the three when it comes to team collaboration and responsive, fast paced design.
Learn Figma - UI/UX Design Essential Training
Learn Figma - UI/UX Design Essential Training is a 42-lesson 3 hours 55 minutes self-paced course by Udemy. Figma is a very powerful application that runs online.
Course facts
- Lessons
- 42
- Duration
- 3 hours 55 minutes
- Level
- All levels
- Language
- English
- Updated
- Instructor
- Udemy
- Price
- Premium
This course will cover user interface designing using the powerful tools within Figma. In the first section, I'll cover the Figma interface and where you can find powerful tools like constraints to make your designs responsive, and components to build a library of design elements to use throughout your projects. I'll also go over real-time team collaboration and how you can use figma to work closely with others in the same project.
Later on I will guide you through designing and prototyping a "Chef's Recipes" App which will include multiple artboards, custom icon designs, editing images and text, and everything else you need to create a polished realistic design.
Please join me as a beginner in design or as a seasoned UI/UX designer wanting to switch from other tools like Sketch or Adobe XD
- Internet Access
- You should know your way around computer basics
- User Interface designers
- Web Designers
- Graphic Designers
- UX Designers
- Beginners looking to get into the UI/UX field
What you'll learn:
- Design Websites
- Design mobile and desktop apps
- You will have a fully interactive design and prototype at the end of this course
- You will learn how to reuse design elements for future projects
Who teaches Learn Figma - UI/UX Design Essential Training? Udemy
Udemy is the largest open marketplace for online courses on the internet. Founded in 2010 by Eren Bali, Oktay Caglar, and Gagan Biyani and headquartered in San Francisco, the company went public on the Nasdaq in 2021 under the ticker UDMY. The platform hosts well over two hundred thousand courses across software development, IT and cloud, data science, design, business, marketing, and creative skills, taught by tens of thousands of independent instructors. Roughly seventy million learners use it worldwide, and the corporate arm — Udemy Business — supplies a curated subset of that catalog to enterprise customers.
Because Udemy is a marketplace rather than a single editorial publisher, the catalog is uneven by design. The strongest material lives in the long-form, project-based courses authored by working engineers — full-stack JavaScript, React, Node.js, Python data science, AWS, Docker and Kubernetes, mobile development with Flutter and React Native, and cloud certification preparation. The CourseFlix listing under this source is the slice of that catalog that has been mirrored here for offline-friendly viewing, organized by topic and updated as new releases land. Pricing on Udemy itself swings dramatically with the site's near-permanent sales, which is why the platform is best treated as a deep reference catalog: pick instructors with strong reviews and a track record of updating their material rather than buying on the headline price alone.
What lessons are included in Learn Figma - UI/UX Design Essential Training?
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Introduction to the Course Demo | 00:35 | |
| 2 | Using the Exercise Files | 01:07 | |
| 3 | Section Introduction | 00:19 | |
| 4 | What is Figma? | 00:49 | |
| 5 | Where to find Figma | 00:31 | |
| 6 | The Start Screen | 01:22 | |
| 7 | The Menu Bar | 17:01 | |
| 8 | The Tools Panel | 13:22 | |
| 9 | The Layers and Pages Panel | 05:55 | |
| 10 | The Components Panel | 03:56 | |
| 11 | The Team Library Panel | 06:30 | |
| 12 | The Design Panel | 12:02 | |
| 13 | The Prototype Panel | 02:58 | |
| 14 | The Code Panel | 02:32 | |
| 15 | Creating a New Project and File | 01:39 | |
| 16 | Importing Sketch Files | 02:46 | |
| 17 | Working with Teams | 03:42 | |
| 18 | Working with Templates | 01:45 | |
| 19 | Working with Frames | 06:06 | |
| 20 | Working with Shapes | 17:59 | |
| 21 | Drawing Icons using the Pen Tool | 07:49 | |
| 22 | Drawing Shapes Using the Pencil Tool | 03:44 | |
| 23 | Working with Text | 07:34 | |
| 24 | Masking Images and Shapes | 06:39 | |
| 25 | Importing Icons and other Graphics | 07:47 | |
| 26 | Working with Color | 06:28 | |
| 27 | Working with Styles | 06:15 | |
| 28 | Setting up Components | 20:51 | |
| 29 | Using Constraints for Responsive Design | 10:30 | |
| 30 | Working with Version Control | 02:05 | |
| 31 | Designing a Slide-out Menu | 03:54 | |
| 32 | Designing an on-screen Overlay | 11:49 | |
| 33 | Designing a comments section | 12:29 | |
| 34 | Designing Multiple Artboard States | 05:17 | |
| 35 | Give this design it's own unique personality | 03:20 | |
| 36 | Creating a prototype | 06:46 | |
| 37 | Viewing your prototype on a mobile device | 00:44 | |
| 38 | Live device preview | 01:13 | |
| 39 | Sharing your design | 01:19 | |
| 40 | Allowing others to comment on your design | 01:17 | |
| 41 | Exporting graphics and assets | 04:05 | |
| 42 | Next Steps | 00:35 |
Get instant access to all 41 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionRecommended next
What courses are similar to Learn Figma - UI/UX Design Essential Training?
-
Updated 3y agoUI UX Design Hybrid from Figma to HTML CSS and JavaScript
By: UdemyLearn how to become a Full-Stack Designer with User Interface Design, User Experience Design, Web Development, Bootstrap31h 51m -
Updated 2y agoComplete Web & Mobile Designer in 2023: UI/UX, Figma, +more
By: Udemy, Zero To MasteryUsing the latest best practices in Web Design and Mobile Design as well as User Interface and User Experience Design (UI/UX), this course focuses on efficiently20h 31m -
Updated 2y agoAdvanced Figma Video Course + Let's Design Together Add-on
By: Andrija PrelecBecome a Figma master and ascend the career ladder in design with our comprehensive course.20h 58m -
Updated 2y agoMastering Figma
By: Level Up Tutorials (Scott Tolinski)This video is about Mastering Figma Introduction. Figma has similar uses to adobe XD and I'll be bringing you more videos to go more in-depth on how to use.3h 37m -
Updated 3y agoComplete Web Design: from Figma to Webflow to Freelancing
By: UdemyIt gives you a huge self-satisfaction when you look at your work and say, "I made this!". I love that feeling after I'm done working on something.19h 10m5/5 -
Updated 9mo agoFigma Academy 2.0
By: Michael RidderingLearn Figma through clear steps and real examples. This course helps you build strong habits and apply design skills with confidence.11h 19m -
Updated 1y agoFigma Mastery - The ultimate Figma course for new and struggling designers
By: Adrian Kuleszo (UI Adrian)Figma Mastery is an extensive guide designed to transform how you use Figma, guiding you through every stage of the design process—right from setting up.5/5
More courses by Udemy
-
Updated 3y agoComplete C# Unity Game Developer 3D
This is the long-awaited sequel to the Complete Unity Developer - one of the most popular e-learning courses on the internet!30h 34m -
Updated 3y agoNest.js Microservices: Build & Deploy a Scaleable Backend
Nest.js is an incredible backend framework that allows us to build scaleable Nodejs backends with very little complexity. A Microservice architecture is a popul5h 39m5/5 -
Updated 3y agoThe HTML & CSS Bootcamp 2023 Edition
Brand new HTML & CSS course, just released in February 2023 Check out the promo video to see the beautiful, responsive projects we build in this course!37h 18m5/5 -
Updated 3y agoMicroservices with Node JS and React
Event-Based Architecture? Covered! Server side rendering with React? Yep. Scalable, production-ready code? Its here!54h 13m5/5 -
FreeClassic100 Days of Code - The Complete Python Pro Bootcamp for 2023
Watch the 100 Days of Code Python Pro Bootcamp free: 100 daily projects covering Python basics, web scraping, data science, automation and GUI apps.58h 35m5/5 -
Updated 3y agoReact - The Complete Guide
React: The Complete Guide by Maximilian Schwarzmüller — original 2022 edition covering React hooks, Redux, Context API, Next.js basics.47h 42m5/5