We may earn an affiliate commission when you visit our partners.
Course image
Heidi Barker
Figma is a web-based graphics editing and user interface design app that works on your browser. What does that really mean? You can access your projects from multiple devices without installing software. You and others can work on the same file in real...
Read more
Figma is a web-based graphics editing and user interface design app that works on your browser. What does that really mean? You can access your projects from multiple devices without installing software. You and others can work on the same file in real-time taking the project from brainstorming to prototypes. You can use Figma to design briefs, create storyboards, reduce complexity on web sites and even design your CV or resume all while collaborating with others in real time! By the end of this project, you will go through the steps to learn about the application to develop a web page or homepage for your own app.
Enroll now

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.

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Collaborates with others in real time
Reduces complexity on web sites
Enables you to create storyboards
Lets you work on the same file with multiple people simultaneously
Accessible through web browser without the need for software installation
Involves the instructors Heidi Barker

Save this course

Save Get Started with Figma 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 Get Started with Figma with these activities:
Watch Figma video tutorials
Supplement your learning of Figma by watching video tutorials.
Browse courses on Figma
Show steps
  • Find a series of Figma video tutorials that cover the basics.
  • Watch the tutorials in order.
  • Take notes on the key concepts covered in the tutorials.
Complete Figma tutorials
Build your proficiency in Figma by completing online tutorials.
Browse courses on Figma
Show steps
  • Find a series of Figma tutorials that cover the basics.
  • Complete the tutorials in order.
  • Practice using the techniques you learn in the tutorials.
Read Atomic Design
Become familiar with the principles and benefits of atomic design in UI.
View Atomic Design on Amazon
Show steps
  • Read the first four chapters of the book.
  • Summarize the key concepts of atomic design in your own words.
  • Identify examples of atomic design in websites or apps that you use.
Five other activities
Expand to see all activities and additional details
Show all eight activities
Create a Figma prototype
Gain hands-on experience with Figma by creating a prototype for a web application.
Browse courses on Figma
Show steps
  • Choose a simple web application idea.
  • Design the UI for your web application in Figma.
  • Create a prototype of your web application in Figma.
  • Share your prototype with others for feedback.
Participate in Figma workshops
Deepen your understanding of Figma by participating in workshops.
Browse courses on Figma
Show steps
  • Find Figma workshops in your area.
  • Register for a Figma workshop.
  • Attend the Figma workshop.
  • Participate in the workshop activities.
  • Ask questions and share your own experiences.
Attend Figma meetups
Connect with other Figma users and learn from their experiences.
Browse courses on Figma
Show steps
  • Find Figma meetups in your area.
  • Attend a Figma meetup.
  • Introduce yourself to other attendees.
  • Ask questions about Figma and share your own experiences.
Write a blog post about Figma
Share your knowledge and understanding of Figma with others by writing a blog post.
Browse courses on Figma
Show steps
  • Choose a topic related to Figma that you are knowledgeable about.
  • Write a blog post outline.
  • Write the first draft of your blog post.
  • Edit and revise your blog post.
  • Publish your blog post.
Design a website using Figma
Demonstrate your skills in using Figma to design a website.
Browse courses on Figma
Show steps
  • Choose a website design brief.
  • Design the UI for your website in Figma.
  • Create a prototype of your website in Figma.
  • Export your Figma design to code.
  • Deploy your website.

Career center

Learners who complete Get Started with Figma will develop knowledge and skills that may be useful to these careers:
UI Designer
UI Designers use Figma to create prototypes and mockups of websites and applications. This course will help you develop the skills you need to succeed as a UI Designer, including how to use Figma to design user interfaces that are both visually appealing and functional.
UX Designer
UX Designers work closely with UI Designers to ensure that websites and applications are easy to use and navigate. This course will teach you the basics of UX design, including how to conduct user research and create user flows.
Web Developer
Web Developers use Figma to create prototypes and mockups of websites before they start coding. This course will teach you the basics of Figma, including how to create and edit shapes, text, and images.
Graphic designer
Graphic Designers use Figma to create a variety of visual content, including logos, brochures, and social media graphics. This course will introduce you to the basics of graphic design, including how to use Figma to create visually appealing designs.
Product Designer
Product Designers use Figma to create prototypes and mockups of new products. This course will teach you the basics of product design, including how to identify customer needs and create products that meet those needs.
Interaction Designer
Interaction Designers use Figma to create prototypes and mockups of how users will interact with a product. This course will introduce you to the basics of interaction design, including how to create prototypes that are both engaging and intuitive.
Front-End Developer
Front-End Developers use Figma to create prototypes and mockups of the user interface of websites and applications. This course will teach you the basics of front-end development, including how to use HTML, CSS, and JavaScript.
Software Engineer
Software Engineers use Figma to create prototypes and mockups of new software products. This course will introduce you to the basics of software engineering, including how to design and develop software applications.
Visual Designer
Visual Designers use Figma to create prototypes and mockups of visual content, such as logos, brochures, and social media graphics. This course will teach you the basics of visual design, including how to use Figma to create visually appealing designs.
Art Director
Art Directors oversee the visual aspects of a project, including the design of logos, brochures, and social media graphics. This course may be helpful for Art Directors who want to learn how to use Figma to create prototypes and mockups of their designs.
Marketing Manager
Marketing Managers use Figma to create prototypes and mockups of marketing campaigns. This course may be helpful for Marketing Managers who want to learn how to use Figma to create visually appealing marketing materials.
Project Manager
Project Managers use Figma to create prototypes and mockups of project plans. This course may be helpful for Project Managers who want to learn how to use Figma to create visually appealing project plans.
Business Analyst
Business Analysts use Figma to create prototypes and mockups of business processes. This course may be helpful for Business Analysts who want to learn how to use Figma to create visually appealing business process models.
Teacher
Teachers may use Figma to create prototypes and mockups of lesson plans and other instructional materials. This course may be helpful for Teachers who want to learn how to use Figma to create visually appealing instructional materials.
Technical Writer
Technical Writers use Figma to create prototypes and mockups of technical documentation. This course may be helpful for Technical Writers who want to learn how to use Figma to create visually appealing technical documentation.

Reading list

We've selected ten 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 Get Started with Figma.
Introduces the concept of atomic design, a methodology for creating and organizing design systems. It valuable resource for anyone who wants to learn more about design systems and how to use Figma to create them.
Provides a foundational understanding of the principles of design, such as color theory, typography, and composition. It valuable resource for anyone who wants to learn more about the fundamentals of design and how to apply them to Figma projects.
Provides a collection of common UI design patterns. It valuable resource for anyone who wants to learn more about UI design patterns and how to apply them to Figma projects.
Provides a deep dive into the psychology of design. It valuable resource for anyone who wants to learn more about how people interact with design and how to use that knowledge to create better Figma prototypes.
Provides a comprehensive overview of the field of interaction design. It valuable resource for anyone who wants to learn more about interaction design and how to apply it to Figma prototypes.
Provides a practical guide to storytelling for UX design. It valuable resource for anyone who wants to learn more about how to use storytelling to create more engaging and effective Figma prototypes.
Provides a comprehensive guide to designing for mobile devices. It valuable resource for anyone who wants to learn more about mobile design and how to use Figma to create mobile prototypes.
Provides a visual guide to the art of interface design. It valuable resource for anyone who wants to learn more about the aesthetics of design and how to use Figma to create more visually appealing prototypes.
Provides a non-technical introduction to design. It valuable resource for anyone who wants to learn more about the basics of design and how to apply it to Figma projects.
Provides a practical guide to information design. It valuable resource for anyone who wants to learn more about how to organize and present information in a clear and concise way.

Share

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

Similar courses

Here are nine courses similar to Get Started with Figma.
Learn Figma - UI/UX Design Essential Training
Most relevant
The Complete Figma Course – Designing Mobile & Web App...
Most relevant
Complete Figma Megacourse: UI/UX Design Beginner to Expert
Most relevant
Designing a Low Fidelity Prototype in Figma
Most relevant
Figma for Mobile App Design: Ultimate Edition
Most relevant
Workflow of Modern Web Design from Wireframes to Style...
Most relevant
Figma UI UX Design Essentials
Most relevant
Build Wireframes and Low-Fidelity Prototypes
Most relevant
User Experience Design - Learn UI UX App Design with Figma
Most relevant
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 - 2024 OpenCourser