We may earn an affiliate commission when you visit our partners.
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-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.
Register for this course and see more details by visiting:
OpenCourser.com/course/398ytm/get
Good to know
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
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
Show steps
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
Show steps
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
Show steps
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
Show steps
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
Show steps
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
Show steps
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
Show steps
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
Show steps
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.
Watch Figma video tutorials
Show steps
Supplement your learning of Figma by watching video tutorials.
Browse courses on
Figma
Show steps
Show steps
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
Show steps
Build your proficiency in Figma by completing online tutorials.
Browse courses on
Figma
Show steps
Show steps
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
Show steps
Become familiar with the principles and benefits of atomic design in UI.
View
Atomic Design
on Amazon
Show steps
Show steps
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
Show steps
Gain hands-on experience with Figma by creating a prototype for a web application.
Browse courses on
Figma
Show steps
Show steps
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
Show steps
Deepen your understanding of Figma by participating in workshops.
Browse courses on
Figma
Show steps
Show steps
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
Show steps
Connect with other Figma users and learn from their experiences.
Browse courses on
Figma
Show steps
Show steps
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
Show steps
Share your knowledge and understanding of Figma with others by writing a blog post.
Browse courses on
Figma
Show steps
Show steps
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
Show steps
Demonstrate your skills in using Figma to design a website.
Browse courses on
Figma
Show steps
Show steps
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 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 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 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 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 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 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 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 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 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 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 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 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 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
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 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.
For more career information including salaries, visit:
OpenCourser.com/course/398ytm/get
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.
Save
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.
Save
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.
Save
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.
For more information about how these books relate to this course, visit:
OpenCourser.com/course/398ytm/get
Share
Similar courses
Here are nine courses similar to
Get Started with Figma.
Learn Figma - UI/UX Design Essential Training
OpenCourser.com/course/hysqbz/learn
Learn Figma - UI/UX Design Essential Training
Most relevant
The Complete Figma Course – Designing Mobile & Web App UI/UX
OpenCourser.com/course/wqxznd/the
The Complete Figma Course – Designing Mobile & Web App...
Most relevant
Complete Figma Megacourse: UI/UX Design Beginner to Expert
OpenCourser.com/course/328a2h/complete
Complete Figma Megacourse: UI/UX Design Beginner to Expert
Most relevant
Designing a Low Fidelity Prototype in Figma
OpenCourser.com/course/mnycmz/designing
Designing a Low Fidelity Prototype in Figma
Most relevant
Figma for Mobile App Design: Ultimate Edition
OpenCourser.com/course/7gwzu4/figma
Figma for Mobile App Design: Ultimate Edition
Most relevant
Workflow of Modern Web Design from Wireframes to Style Guide
OpenCourser.com/course/fqsxgx/workflow
Workflow of Modern Web Design from Wireframes to Style...
Most relevant
Figma UI UX Design Essentials
OpenCourser.com/course/cf9stf/figma
Figma UI UX Design Essentials
Most relevant
Build Wireframes and Low-Fidelity Prototypes
OpenCourser.com/course/a650i0/build
Build Wireframes and Low-Fidelity Prototypes
Most relevant
User Experience Design - Learn UI UX App Design with Figma
OpenCourser.com/course/df9mo5/user
User Experience Design - Learn UI UX App Design with Figma
Most relevant
Time
1 hours
Via
Coursera
Institution
Coursera Project Network
Instructor
Heidi Barker
Good to know
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
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