Create a Mockup in Figma from Coursera

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!

What's inside

Syllabus

Project Overview

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!

Good to know

Know what's good

, what to watch for

, 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

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

Show steps

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

Show steps

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

Show steps

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

Show steps

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

Show steps

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

Show steps

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

Show steps

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

Show steps

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:

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

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

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

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

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

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

Create a Mockup in Figma

What's inside

Syllabus

Good to know

Save this course

Activities

Career center

Reading list

Share

Similar courses