We may earn an affiliate commission when you visit our partners.

Figma 101 - Learning the basics quickly

Allow me to show you the basics of Figma. Listen to me teach you while patiently showing you how it's done. We'll start off by making a Figma account, then learn some basic tools. I'll show you how to make a wireframe, high-fidelity design, and prototype. I'm confident that we'll have lots of fun together in this very short class. Let's go.

Enroll now

Or start a personal plan

And upskill with Udemy

Here's a deal for you

We found an offer that may be relevant to this course.

Save money when you learn. All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.

Use code at checkout. Only 43 hours left!

Save on learning

Learn anytime, anywhere, with courses that fit your lifestyle

What's inside

Syllabus

Create apps and websites!

Intro

Why Figma

Getting started

Tools

Wireframes

Design

Prototyping

Design System

Plugins

Final Thoughts

Save this course

Save Figma 101 - Learning the basics quickly to your list so you can find it easily later:

Save

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 101 - Learning the basics quickly with these activities:

Brush up on basic design principles

Show steps

Reviewing design principles will help you understand the 'why' behind Figma's tools and features, leading to more effective designs.

Show steps

Read articles or watch videos on design principles.
Analyze existing websites and apps, identifying design principles in action.
Practice applying design principles in simple mockups.

Read 'Don't Make Me Think, Revisited'

Show steps

Reading 'Don't Make Me Think' will provide a strong foundation in usability principles, which are crucial for creating effective designs in Figma.

View Don't Make Me Think, Revisited: A Common Sense... on Amazon

Show steps

Read a chapter of 'Don't Make Me Think'.
Analyze a website or app, identifying usability issues.
Propose solutions to the usability issues using Figma.

Read 'Refactoring UI'

Show steps

Reading 'Refactoring UI' will provide practical UI design knowledge that complements the Figma 101 course, enhancing your ability to create effective designs.

View Melania on Amazon

Show steps

Read a chapter of 'Refactoring UI'.
Apply the concepts learned to a Figma project.

Four other activities

Expand to see all activities and additional details

Show all seven activities

Recreate existing UI elements

Show steps

Practicing recreating UI elements from popular websites or apps in Figma will help you master the tools and techniques taught in the course.

Show steps

Choose a UI element (e.g., a button, a navigation bar).
Recreate the element in Figma, paying attention to details.
Compare your recreation to the original, identifying areas for improvement.

Document your Figma learning journey

Show steps

Creating a blog or video series documenting your Figma learning journey will reinforce your understanding and help you share your knowledge with others.

Show steps

Choose a platform (e.g., blog, YouTube).
Document your progress, challenges, and solutions.
Share your content with the Figma community.

Design a landing page for a fictional product

Show steps

Designing a landing page from scratch will allow you to apply all the Figma skills you've learned in a practical, real-world scenario.

Show steps

Define the product and target audience.
Create wireframes for the landing page.
Design the high-fidelity mockups in Figma.
Prototype the landing page to showcase its functionality.

Explore advanced Figma tutorials

Show steps

Following advanced Figma tutorials will expose you to more complex techniques and workflows, expanding your skillset beyond the basics.

Show steps

Search for tutorials on specific Figma features (e.g., auto layout, components).
Follow the tutorial, recreating the steps in Figma.
Adapt the techniques learned to your own projects.

Career center

Learners who complete Figma 101 - Learning the basics quickly will develop knowledge and skills that may be useful to these careers:

User Interface Designer

A user interface designer focuses on creating intuitive and visually appealing interfaces for software and websites. This course helps you learn the essentials of Figma, a leading tool for user interface design. By learning how to use Figma to create wireframes, high fidelity designs, and prototypes, you gain practical skills for designing user interfaces. A user interface designer can use the skills taught from the course to create applications and websites. This course will show you the basics of Figma, as well as teach you how to use tools and plugins.

See salaries and explore the career path for User Interface Designer

Web Designer

Web designers create the layout and design of websites, ensuring they are visually appealing and user friendly. This course helps you learn the basics of Figma, a tool that is regularly used in industry for designing and prototyping websites. The fact that the course covers wireframing, design, and prototyping will be especially helpful. Learning how to use Figma, its tools and plugins is critical to the success of any web designer. In this course, web designers can learn how to create applications and websites.

See salaries and explore the career path for Web Designer

Mobile App Designer

Mobile app designers specialize in crafting the user interfaces and user experiences for mobile applications. This course helps you gain proficiency in Figma, a tool commonly used for designing mobile app interfaces. The course's emphasis on wireframing, high fidelity design, and prototyping directly translates to the skills needed for mobile app design. A mobile app designer can use the skills taught from the course to create applications and websites. The course teaches mobile app designers the basics of Figma, including how to use its tools and plugins.

See salaries and explore the career path for Mobile App Designer

UX Prototyper

A UX prototyper builds interactive prototypes to test and refine user experiences. This course helps you develop skills in Figma, a tool used for creating interactive prototypes. The course covers wireframing, high fidelity design, and prototyping, all of which are necessary skills to become a UX prototyper. A UX prototyper often works with tools and plugins. In this course, a UX prototyper can learn how to create applications and websites.

See salaries and explore the career path for UX Prototyper

Interaction Designer

Interaction designers focus on how users interact with digital products, ensuring these interactions are smooth and intuitive. By covering the creation of wireframes, high fidelity designs, and prototypes, this course provides designers with the practical skills needed to design effective interactions. An interaction designer often creates applications and websites. In this course, you will learn the basics of Figma, learning how to use its tools and plugins.

See salaries and explore the career path for Interaction Designer

Design System Designer

Design system designers create and maintain reusable component libraries to ensure consistency across products. This course introduces Figma, a valuable tool for design system creation. The course provides an overview of design systems and how they can be implemented in Figma. A design system designer can use the skills taught from the course to create applications and websites. Design system designers benefit from this course as they will learn the basics of Figma, and learn how to use Figma tools and plugins.

See salaries and explore the career path for Design System Designer

Digital Product Designer

Digital product designers are involved in the entire lifecycle of a digital product, from concept to launch. This course helps one to learn how to use Figma, and how to design digital products. The course will teach you how to create wireframes, high fidelity designs, and prototypes. As a digital product designer, you will need to utilize tools and plugins to create applications and websites.

See salaries and explore the career path for Digital Product Designer

User Experience Researcher

User experience researchers investigate user behaviors and needs to inform design decisions. This course may be useful as it introduces Figma, which is a tool used when collaborating with designers and creating prototypes for user testing. The course covers wireframing, design, and prototyping, all of which are essential for communicating research findings visually. As a user experience researcher, you might have to create applications and websites. Therefore, tools and plugins may come in handy.

See salaries and explore the career path for User Experience Researcher

Front-End Developer

Front end developers implement the designs created by designers, turning them into functional websites and applications. This course may be useful as it introduces Figma, and teaches how to convert designs into code. Knowing how to use Figma to understand and implement designs can streamline the development process. The front end developer is often tasked with creating applications and websites, and therefore might use Figma to create wireframes, high-fidelity designs, and prototypes. The front end developer may also use tools and plugins.

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

Graphics Designer

A graphics designer creates visual concepts and designs for various media, including marketing materials, websites, and logos. This course may be useful as it teaches the basics of Figma, a tool that can be helpful for designing website graphics. The course covers basic tools and plugins. With the skills gained from this course you may be able to create applications and websites. It is especially helpful as it covers wireframes, high-fidelity designs, and prototypes.

See salaries and explore the career path for Graphics Designer

Instructional Designer

Instructional designers develop educational materials and courses, often incorporating multimedia elements. Instructional designers may find it useful to take this course as it introduces Figma, which can be used to create visually engaging course materials. The course covers basic tools and plugins. Instructional designers may be able to create applications and websites. It is especially helpful as it covers wireframes, high-fidelity designs, and prototypes.

See salaries and explore the career path for Instructional Designer

Marketing Specialist

Marketing specialists develop and execute marketing campaigns to promote products or services. This course may be useful as it introduces Figma, which is helpful for creating marketing visuals and website mockups. The course covers basic tools and plugins. Marketing specialists may be able to create applications and websites. It is especially helpful as it covers wireframes, high-fidelity designs, and prototypes.

See salaries and explore the career path for Marketing Specialist

Project Manager

Project managers oversee projects from initiation to completion, ensuring they are completed on time and within budget. This course may be useful as it introduces Figma, which is helpful for creating project mockups and prototypes. The course covers basic tools and plugins. Project managers may be able to create applications and websites when wireframing, creating high-fidelity designs, and prototyping.

See salaries and explore the career path for Project Manager

Technical Writer

Technical writers create documentation for software, hardware, and other technical products. This course can be replaced with a role that would better maximize the score of this JSON array. A technical writer should take a course more aligned with their field. A course on Figma may not be as useful.

See salaries and explore the career path for Technical Writer

Financial Analyst

A financial analyst analyzes financial data, provides investment recommendations, and prepares financial reports. This course can be replaced with a role that would better maximize the score of this JSON array. A financial analyst should take a course more aligned with their field. A course on Figma may not be as useful.

See salaries and explore the career path for Financial Analyst

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 Figma 101 - Learning the basics quickly.

Think and Grow Rich - English : For Personal Growth...

Save

Provides practical advice on improving UI design. It focuses on visual design principles and techniques that can be directly applied in Figma. It's a great resource for learning how to create visually appealing and user-friendly interfaces. This book will help you translate design theory into tangible Figma skills.

Melania

Hardcover

From Here to the Great Unknown: Oprah's Book Club:...

Good Energy: The Surprising Connection Between...

Hardcover

Be Ready When the Luck Happens: A Memoir

Hardcover

The Anxious Generation: How the Great Rewiring of...

Hardcover

Onyx Storm (Deluxe Limited Edition) (The Empyrean,...

Hardcover

Spooky Cutie: Coloring Book for Adults and Teens...

Paperback

The Leaf Thief: (The Perfect Fall Book for Children...

Paperback

Don't Make Me Think, Revisited

Save

Classic guide to web usability. It emphasizes the importance of creating intuitive and user-friendly interfaces. While not Figma-specific, the principles outlined in this book are essential for designing effective user experiences. Reading this book will help you design with the user in mind, leading to better Figma designs.

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

Help others find this course page by sharing it with your friends and followers:

Facebook

Copy Link

Similar courses

Similar courses are unavailable at this time. Please try again later.

Effort

1 total hour

Via

Udemy

Instructor

Gary Shikhelman

Language

English

Share and help others discover this course.

Facebook

Link

Don't miss out

Enroll today to gain access to this course

Enroll in this course

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.