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

Create a Mockup in Figma

Priya Jha

This Guided Project “Create a Mockup in Figma” is for anyone who wants to learn to create their own mockup items. In this 1-hour long project-based course, you will learn to create t-shirt mockups on Figma. You will also learn to create a hair oil bottle mockup for a cosmetic business using the artboard studio mockup plugin. You will also learn to integrate third-party plugins (Artboard studio mockup and removebg) on Figma. To achieve this, we will work through :

Task 1 : Introduction and creating an account on Figma

Task 2 : Exploring Figma’s interface

Task 3 : Creating a men’s t-shirt mockup on Figma

Read more

This Guided Project “Create a Mockup in Figma” is for anyone who wants to learn to create their own mockup items. In this 1-hour long project-based course, you will learn to create t-shirt mockups on Figma. You will also learn to create a hair oil bottle mockup for a cosmetic business using the artboard studio mockup plugin. You will also learn to integrate third-party plugins (Artboard studio mockup and removebg) on Figma. To achieve this, we will work through :

Task 1 : Introduction and creating an account on Figma

Task 2 : Exploring Figma’s interface

Task 3 : Creating a men’s t-shirt mockup on Figma

Task 4 : Integrating artboard studio mockup plugin on Figma

Task 5 : Importing a hair oil bottle mockup from the artboard studio plugin

Task 6 : Adding designs to the hair oil bottle mockup

This project is unique because it’s helpful for an individual who wants to design his/her own clothing mockups and is also helpful for small business owners who want to scale their businesses. This course is beginner-friendly, so you don’t need to have any experience before. Let's get started!

Enroll now

Here's a deal for you

Save money when you learn with a deal that may be relevant to this course.
All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.
Valid until March 12, 2027
Save 40% Off 3 Months
Access thousands of top-rated learning programs with a Coursera Plus monthly subscription and take 40% off 3 months for a limited time.
Take
40%
off
Get offer

What's inside

Syllabus

Traffic lights

Read about what's good
what should give you pause
and possible dealbreakers
Suitable for beginners aiming to design clothing mockups or scale small businesses
Covers creating t-shirt and hair oil bottle mockups using Figma and third-party plugins
No prior knowledge required, making it accessible to a wide audience

Save this course

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

Reviews summary

Creating figma mockups: quick & practical

According to learners, this course is a highly effective, project-based introduction to creating mockups in Figma, especially for beginners and small business owners. Students particularly value the hands-on demonstrations of creating t-shirt and hair oil bottle mockups, along with the clear guidance on integrating essential third-party plugins like Artboard Studio and removebg. While providing a quick and practical skill acquisition, some reviewers noted its limited scope for advanced Figma users seeking more in-depth design principles or a wider variety of mockup types.
Focuses on t-shirt and hair oil bottle mockups, rather than general design.
"The course specifically teaches t-shirt and bottle mockups, which was exactly what I needed."
"It's great if you only need these specific types of mockups; otherwise, it's very targeted."
"I appreciated the direct application to real-world items like clothing and cosmetic products."
Effectively demonstrates using key Figma plugins for mockups.
"The segment on integrating the Artboard Studio plugin was highly practical and useful."
"Learning to use removebg directly within Figma was a great time-saver."
"I appreciated the clear steps for using third-party plugins to enhance my designs."
Short, focused, and hands-on, ideal for quick skill acquisition.
"This guided project is quick and to the point, delivering exactly what it promised in an hour."
"I loved the project-based format; it helped me learn by doing and see immediate results."
"Perfect for busy individuals who want to learn a specific skill without a long commitment."
Excellent for new Figma users, provides a gentle introduction.
"As a complete beginner, I found this course incredibly easy to follow and understand."
"It's perfect for anyone just starting with Figma and needing to create mockups quickly."
"I had no prior experience, and the instructor made learning Figma basics very accessible."
Some learners reported minor issues with plugin functionality or setup.
"I encountered a small hiccup with the Artboard Studio plugin not loading correctly initially."
"While generally smooth, a few times the `removebg` plugin was a bit buggy for me."
"It took a moment to figure out why the plugin wasn't showing up as expected."
Might not suit those with prior Figma experience or advanced design needs.
"As someone with some Figma experience, I found this course quite basic and didn't learn much new."
"If you're looking for in-depth UI/UX design or complex mockup techniques, this isn't it."
"I wish it had covered more types of mockups or advanced customization options."

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 Create a Mockup in Figma with these activities:
Read Design of Everyday Things
Gain foundational knowledge of design principles and how to create user-centric experiences by reading this classic.
View Things That Make Us Smart: Defending Human... on Amazon
Show steps
  • Read the book and take notes on key concepts.
  • Identify specific examples of design principles in your daily life.
Master Sketch Tools and Plugins
Familiarize yourself with essential Sketch tools and plugins to enhance your workflow and improve the quality of your mockups.
Browse courses on Figma
Show steps
  • Explore the Figma interface and essential tools.
  • Discover and integrate useful plugins for enhancing design capabilities.
  • Practice applying these tools and plugins in your own mockups.
Design a Branded T-Shirt Mockup
Create a professional-quality T-shirt mockup featuring your own unique design to showcase your skills and build your portfolio.
Show steps
  • Sketch out your t-shirt design concept.
  • Import your design into Figma and create a realistic mockup.
  • Experiment with different presentation options and export high-quality images.
Five other activities
Expand to see all activities and additional details
Show all eight activities
Replicate Mockup Designs
Develop your precision and attention to detail by practicing replicating existing mockup designs.
Show steps
  • Find high-quality mockup designs online or in design galleries.
  • Analyze the design elements and techniques used.
  • Recreate the mockups in Figma, paying close attention to细节.
Offer Mockup Design Services to a Non-Profit
Give back to the community and gain real-world experience by offering your mockup design services to a non-profit organization.
Show steps
  • Identify a non-profit organization that needs design assistance.
  • Discuss their requirements and develop a plan for the mockups.
  • Design and deliver high-quality mockups that meet their needs.
Mockup Review and Feedback Session
Seek constructive criticism and feedback on your mockups from fellow students to identify areas for improvement and enhance your design skills.
Show steps
  • Share your mockups with peers for review.
  • Provide feedback to others, focusing on strengths and areas for improvement.
  • Incorporate feedback into your mockups to refine and polish them.
Create a Portfolio of Mockup Designs
Build a showcase of your design capabilities by creating a portfolio of diverse mockups that demonstrate your skills and creativity.
Browse courses on Portfolio Development
Show steps
  • Brainstorm and select a range of mockup ideas.
  • Design and create mockups using Figma or other tools.
  • Write brief descriptions and case studies for each mockup.
  • Organize your mockups into a visually appealing portfolio.
Contribute to Open Source Design Projects
Expand your knowledge and contribute to the design community by participating in open source projects related to Figma and mockup creation.
Browse courses on Open Source
Show steps
  • Identify open source design projects on platforms like GitHub.
  • Review the project documentation and identify areas where you can contribute.
  • Create pull requests to add features, fix bugs, or improve documentation.

Career center

Learners who complete Create a Mockup in Figma will develop knowledge and skills that may be useful to these careers:
Graphic Designer
The course, “Create a Mockup in Figma,” teaches how to create mockups, which are visual representations of a product or design. This skill can be essential for graphic designers, who often need to create mockups to show clients what their designs will look like. The course also teaches how to integrate third-party plugins on Figma, which can be helpful for graphic designers who want to use Figma to its full potential.
See salaries and explore the career path for Graphic Designer
UX Designer
The course, “Create a Mockup in Figma,” teaches how to create mockups, which are visual representations of a product or design. This skill can be essential for UX designers, who often need to create mockups to show stakeholders what their designs will look like. Mockups are useful to help evaluate the user experience of a product or design before it is implemented.
See salaries and explore the career path for UX Designer
Art Director
The course, “Create a Mockup in Figma,” teaches how to create mockups, which are visual representations of a product or design. This skill can be helpful for art directors since mockups are essential for communicating design ideas to clients and other stakeholders.
See salaries and explore the career path for Art Director
Product Designer
The course, “Create a Mockup in Figma,” teaches how to create mockups, which are visual representations of a product or design. This skill can be useful for product designers, as mockups are essential for communicating product ideas to engineers and other stakeholders.
See salaries and explore the career path for Product Designer
Web Designer
The course, “Create a Mockup in Figma,” teaches how to create mockups, which are visual representations of a website or web page. This can be useful for web designers, who often need to create mockups to show clients what their designs will look like.
See salaries and explore the career path for Web Designer
Marketing Manager
The course, “Create a Mockup in Figma,” teaches how to create mockups, which are visual representations of a product or design. This skill can be useful for marketing managers, who often need to create mockups to show stakeholders what their designs will look like.
See salaries and explore the career path for Marketing Manager
Packaging Designer
The course, “Create a Mockup in Figma,” teaches how to create mockups, which are visual representations of a product or design. This skill can be helpful for packaging designers, who often need to create mockups to show clients what their designs will look like.
See salaries and explore the career path for Packaging Designer
Fashion Designer
The course, “Create a Mockup in Figma,” teaches how to create mockups, which are visual representations of a product or design. This skill can be helpful for fashion designers, who often need to create mockups to show clients what their designs will look like.
See salaries and explore the career path for Fashion Designer
Creative Director
The course, “Create a Mockup in Figma,” teaches how to create mockups, which are visual representations of a product or design. This skill can be useful for creative directors, who often need to create mockups to show clients what their designs will look like.
See salaries and explore the career path for Creative Director
Social Media Manager
The course, “Create a Mockup in Figma,” teaches how to create mockups, which are visual representations of a product or design. This skill can be useful for social media managers, who often need to create mockups to show clients what their designs will look like.
See salaries and explore the career path for Social Media Manager
Interior designer
The course, “Create a Mockup in Figma,” teaches how to create mockups, which are visual representations of a space. This skill can be helpful for interior designers, who often need to create mockups to show clients what their designs will look like.
See salaries and explore the career path for Interior designer
Architect
The course, “Create a Mockup in Figma,” teaches how to create mockups, which are visual representations of a building or space. This skill can be helpful for architects, who often need to create mockups to show clients what their designs will look like.
See salaries and explore the career path for Architect
Product Manager
The course, “Create a Mockup in Figma,” teaches how to create mockups, which are visual representations of a product. This skill can be helpful for product managers, who often need to create mockups to show stakeholders what their designs will look like.
See salaries and explore the career path for Product Manager
Photographer
The course, “Create a Mockup in Figma,” teaches how to create mockups, which are visual representations of a product or design. While it is likely that photographers do not need to create visual representations of their own images or the images of others, this course may be useful for understanding the process of creating mockups, which could be applicable to working with other clients.
See salaries and explore the career path for Photographer
Software Engineer
The course, “Create a Mockup in Figma,” teaches how to create mockups, which are visual representations of a product or design. While it is likely that software engineers do not need to create mockups of software, this course may be useful for understanding the process of creating mockups, which could be applicable to working with other teams.
See salaries and explore the career path for Software Engineer

Reading list

We've selected 11 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 Create a Mockup in Figma.
Cover image
Things That Make Us Smart
Save
Classic in the field of user experience design. It provides a comprehensive overview of the principles of good design, and it is essential reading for anyone who wants to learn how to create products that are both useful and enjoyable to use. This book is especially relevant to this course because it provides a foundation for understanding the principles of visual design. It useful reference tool for anyone who wants to learn more about the design process.
Things That Make Us Smart: Defending Human...
Kindle Edition
$
The UX Book
Save
Comprehensive guide to the UX design process. It covers everything from user research to usability testing. This book is especially relevant to this course because it provides a framework for creating effective UX designs.
The UX Book: Agile UX Design for a Quality User...
Paperback
$$$
The UX Book: Process and Guidelines for Ensuring a...
Hardcover
$$$
The UX Book: Agile UX Design for a Quality User...
Paperback
$$$
The UX Book: Agile UX Design for a Quality User...
Kindle Edition
$$$
The UX Book: Process and Guidelines for Ensuring a...
Kindle Edition
$$$
Cover image
Don't Make Me Think, Revisited
Save
Classic in the field of web usability. It provides practical advice on how to create websites that are easy to use. This book is especially relevant to this course because it provides insights into the user experience.
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
$$
Cover image
UX Strategy
Save
Provides a comprehensive overview of UX strategy. It covers everything from user research to product development. This book is especially relevant to this course because it provides a framework for creating effective UX designs.
UX Strategy
Paperback
Check
UX Strategy
Kindle Edition
Check
Cover image
The Innovator's Dilemma, with a New Foreword
Save
Classic in the field of innovation. It provides insights into the challenges of innovation, and it is especially relevant to this course because it provides a framework for understanding the role of mockups in the innovation process.
The Innovator's Dilemma, with a New Foreword: When...
Hardcover
$$
The Innovator's Dilemma, with a New Foreword: When...
Audio CD
$$
The Innovator's Dilemma, with a New Foreword: When...
Kindle Edition
$$
Cover image
The Invincible Company
Save
Provides a framework for creating value propositions. It practical guide to the product development process, and it is especially relevant to this course because it provides a framework for creating effective mockups.
The Invincible Company: How to Constantly Reinvent...
Paperback
$$
The Invincible Company: How to Constantly Reinvent...
Kindle Edition
$$
Lean Startup: How Today's Entrepreneurs Use...
Save
Provides a framework for creating lean startups. It practical guide to the startup process, and it is especially relevant to this course because it provides a framework for creating effective mockups.
The Lean Startup: How Today's Entrepreneurs Use...
Hardcover
$$
The Lean Startup: How Today's Entrepreneurs Use...
Kindle Edition
$$
Cover image
The Design Thinking Toolbox
Save
Provides a framework for design thinking. It practical guide to the design process, and it is especially relevant to this course because it provides a framework for creating effective mockups.
The Design Thinking Toolbox: A Guide to Mastering...
Paperback
$$
(Français) Toolbox de design thinking: Les 50 outils...
Paperback
$$$
The Design Thinking Toolbox: A Guide to Mastering...
Kindle Edition
$$
Cover image
The Gamification of Learning and Instruction
Save
Provides a framework for gamification. It practical guide to the gamification process, and it is especially relevant to this course because it provides a framework for creating effective mockups.
The Gamification of Learning and Instruction: Game...
Hardcover
$$$
The Gamification of Learning and Instruction...
Paperback
$$
The Gamification of Learning and Instruction: Game...
Kindle Edition
$$$
The Gamification of Learning and Instruction...
Kindle Edition
$$$
Cover image
This Is Service Design Doing
Save
Provides a framework for service design. It practical guide to the service design process, and it is especially relevant to this course because it provides a framework for creating effective mockups.
This Is Service Design Doing: Applying Service...
Kindle Edition
$$
This Is Service Design Methods: A Companion to This...
Paperback
$$
Cover image
This is Service Design Thinking
Save
Provides a framework for service design thinking. It practical guide to the service design thinking process, and it is especially relevant to this course because it provides a framework for creating effective mockups.
This is Service Design Thinking
Paperback
Check
This is Service Design Thinking
Kindle Edition
Check

Share

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

Similar courses

Here are nine courses similar to Create a Mockup in Figma.
UX Design in Practice: Accessibility and Collaboration
Most relevant
Test, Learn, Evolve: Usability Testing in Figma
Most relevant
Create a Digital Wireframe with Figma
Most relevant
UI Design using Material Design 3: Designing a Reminder...
Most relevant
From Figma to Code
Most relevant
Prototypes in Figma: Creating an Initial Low Fidelity...
Most relevant
Canva Design Essentials Pt. 2: Branding & Identity
Most relevant
Mapping the Mission: User Personas & Journey Design in...
Most relevant
Front-End Development Capstone Project
Most relevant

Coursera Buyer Protection & Guarantee

Verified partner policies & purchase protections

Accredited University Partner
Free Trial & Audit

7-Day Free Trial & Free Audit

7-day free trial on monthly Coursera Plus subscriptions; free audit option available on most individual courses to explore video lectures and readings at no charge.

Return & Refund Policy

14-Day Refund Guarantee

14-day refund window on annual Coursera Plus subscriptions and single-course purchases prior to certificate issuance. Monthly subscriptions do not offer refunds once billed.

Buyer Protections

Verified Academic & Industry Partner

Accredited university and industry certifications (e.g. Stanford, Google, IBM, Yale), secure SSL payment processing, and verifiable digital certificate links.

Key Purchase Protections
14-day refund window on annual Coursera Plus and single courses
7-day free trial on monthly Coursera Plus subscriptions
Free course audit option for lectures and readings
Verified certificates from top universities & companies
OpenCourser Verified Partner Policy details last reviewed: 2026-10-22
Course image
Effort
1.5 hours
Level
Introductory
Via
Coursera
Institution
Coursera Project Network
Instructor
Priya Jha
Language
English
Traffic lights
Read about what's good
what should give you pause
and possible dealbreakers
Suitable for beginners aiming to design clothing mockups or scale small businesses
Covers creating t-shirt and hair oil bottle mockups using Figma and third-party plugins
No prior knowledge required, making it accessible to a wide audience
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 Create a Mockup in Figma.
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