We may earn an affiliate commission when you visit our partners.
Harrison Kong
In this 1.5 hours guided project, you will learn the fundamental principles of wire-framing. Then you will learn the basic techniques of using Figma to create a wireframe for a pizza restaurant. Finally you will learn how to share your work with stakeholders and refine your design with them.
Read more
In this 1.5 hours guided project, you will learn the fundamental principles of wire-framing. Then you will learn the basic techniques of using Figma to create a wireframe for a pizza restaurant. Finally you will learn how to share your work with stakeholders and refine your design with them.
Read more
In this 1.5 hours guided project, you will learn the fundamental principles of wire-framing. Then you will learn the basic techniques of using Figma to create a wireframe for a pizza restaurant. Finally you will learn how to share your work with stakeholders and refine your design with them.
An account with Figma is required for this project. If you do not already have an account. You can create a free account with Figma. To make your learning experience smoother, please do so prior to starting the project.
Register for this course and see more details by visiting:
OpenCourser.com/course/c0aolv/create
Two deals to help you save
We found two deals and offers that may be relevant to this course.
Save money when you learn.
All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.
What's inside
Syllabus
Project Overview
In this 1.5 hours guided project, you will learn the fundamental principles of wire-framing. Then you will learn the basic techniques of using Figma to create a wireframe for a pizza restaurant. Finally you will learn how to share your work with team members and clients to refine your design with them. An account with Figma is required for this project. If you do not already have an account. You can create a free account with Figma. To make your learning experience smoother, please do so prior to starting the project.
Good to know
Good to know
Know what's good ,
what to watch for , and
possible dealbreakers
Teaches the basics of wireframing
Covers wireframing principles and best practices
Uses Figma as the wireframing tool, which is standard in industry
Provides hands-on practice in wireframing
Explores wireframing for web applications
Serves as a useful resource for beginners in web design
Save this course
Save Create a Digital Wireframe 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 Create a Digital Wireframe with Figma with these
activities:
Review Basics of Wireframing
Show steps
Familiarize yourself with the fundamental principles of wireframing.
Browse courses on
Wireframing
Show steps
-
Read up on the benefits and principles of wireframing.
-
Go through an overview of wireframing tools.
Create a Wireframe for a Pizza Restaurant
Show steps
Practice creating wireframes using Figma and apply the skills learned in the module.
Browse courses on
Wireframing
Show steps
-
Install Figma and create an account.
-
Gather requirements for the design of the pizza restaurant.
-
Create a low-fidelity wireframe using Figma.
Attend a Meetup or Conference on UX Design
Show steps
Connect with professionals in the field of UX design to gain insights and expand your knowledge.
Browse courses on
UX Design
Show steps
-
Research upcoming UX design meetups or conferences.
-
Register for the event and attend.
-
Network with other attendees and learn about their experiences in UX design.
Four other activities
Expand to see all activities and additional details
Show all seven activities
Explore Advanced Wireframing Techniques
Show steps
Enhance your wireframing skills by learning advanced techniques and best practices.
Browse courses on
Wireframing
Show steps
-
Find online tutorials covering advanced wireframing techniques.
-
Follow the tutorials and practice implementing the techniques.
Guide Junior Wireframers
Show steps
Reinforce your understanding of wireframing by mentoring others and providing guidance.
Browse courses on
Wireframing
Show steps
-
Connect with aspiring wireframers on platforms like LinkedIn or online forums.
-
Offer your guidance and support on wireframing projects.
Contribute to Open-Source Wireframing Projects
Show steps
Gain practical experience and contribute to the wireframing community by participating in open-source projects.
Browse courses on
Wireframing
Show steps
-
Identify open-source wireframing projects that align with your interests.
-
Review the project documentation and contribute to issues or feature requests.
Develop a Wireframing Portfolio
Show steps
Showcase your wireframing skills by creating a portfolio that highlights your best work.
Browse courses on
Wireframing
Show steps
-
Gather your best wireframe designs and create a portfolio website or document.
-
Include a description of your design process and the tools you used.
-
Share your portfolio with potential employers or clients.
Review Basics of Wireframing
Show steps
Familiarize yourself with the fundamental principles of wireframing.
Browse courses on
Wireframing
Show steps
Show steps
Show steps
- Read up on the benefits and principles of wireframing.
- Go through an overview of wireframing tools.
Create a Wireframe for a Pizza Restaurant
Show steps
Practice creating wireframes using Figma and apply the skills learned in the module.
Browse courses on
Wireframing
Show steps
Show steps
Show steps
- Install Figma and create an account.
- Gather requirements for the design of the pizza restaurant.
- Create a low-fidelity wireframe using Figma.
Attend a Meetup or Conference on UX Design
Show steps
Connect with professionals in the field of UX design to gain insights and expand your knowledge.
Browse courses on
UX Design
Show steps
Show steps
Show steps
- Research upcoming UX design meetups or conferences.
- Register for the event and attend.
- Network with other attendees and learn about their experiences in UX design.
Four other activities
Expand to see all activities and additional details
Show all seven activities
Explore Advanced Wireframing Techniques
Show steps
Enhance your wireframing skills by learning advanced techniques and best practices.
Browse courses on
Wireframing
Show steps
Show steps
Show steps
- Find online tutorials covering advanced wireframing techniques.
- Follow the tutorials and practice implementing the techniques.
Guide Junior Wireframers
Show steps
Reinforce your understanding of wireframing by mentoring others and providing guidance.
Browse courses on
Wireframing
Show steps
Show steps
Show steps
- Connect with aspiring wireframers on platforms like LinkedIn or online forums.
- Offer your guidance and support on wireframing projects.
Contribute to Open-Source Wireframing Projects
Show steps
Gain practical experience and contribute to the wireframing community by participating in open-source projects.
Browse courses on
Wireframing
Show steps
Show steps
Show steps
- Identify open-source wireframing projects that align with your interests.
- Review the project documentation and contribute to issues or feature requests.
Develop a Wireframing Portfolio
Show steps
Showcase your wireframing skills by creating a portfolio that highlights your best work.
Browse courses on
Wireframing
Show steps
Show steps
Show steps
- Gather your best wireframe designs and create a portfolio website or document.
- Include a description of your design process and the tools you used.
- Share your portfolio with potential employers or clients.
Career center
Learners who complete Create a Digital Wireframe with Figma will develop knowledge and skills
that may be useful to these careers:
Web Designer
Web Designer
Web Designers create and maintain websites. This course teaches the fundamental principles of wire-framing, a key skill for Web Designers. By learning how to create wireframes, you can gain a better understanding of how users interact with websites and how to design websites that are both functional and aesthetically pleasing.
Product Designer
Product Designer
Product Designers are responsible for designing and developing new products. This course teaches the fundamental principles of wire-framing, a key skill for Product Designers. By learning how to create wireframes, you can gain a better understanding of how users interact with products and how to design products that meet their needs.
User Experience (UX) Designer
User Experience (UX) Designer
A UX Designer ensures that products and services are easy to use and enjoyable. This course teaches the fundamentals of wire-framing, a key skill for UX Designers. By learning how to create wireframes, you can gain a better understanding of how users interact with products and how to design interfaces that are both functional and aesthetically pleasing.
UI Designer
UI Designer
UI Designers create the visual interface of digital products and services. This course teaches the fundamental principles of wire-framing, a key skill for UI Designers. By learning how to create wireframes, you can gain a better understanding of how users interact with digital products and services and how to design interfaces that are both functional and aesthetically pleasing.
Graphic designer
Graphic designer
Graphic Designers create visual concepts, using computer software or by hand, to communicate ideas that inspire, inform, and captivate consumers. This course teaches the fundamental principles of wire-framing, a key skill for Graphic Designers. By learning how to create wireframes, you can gain a better understanding of how users interact with visual content and how to design visual content that is both effective and engaging.
Systems Analyst
Systems Analyst
Systems Analysts analyze and design computer systems and applications. This course teaches the fundamental principles of wire-framing, a key skill for Systems Analysts. By learning how to create wireframes, you can gain a better understanding of how users interact with computer systems and applications and how to design systems that are both functional and efficient.
Interaction Designer
Interaction Designer
Interaction Designers create digital products and services that are easy to use and enjoyable. This course teaches the fundamental principles of wire-framing, a key skill for Interaction Designers. By learning how to create wireframes, you can gain a better understanding of how users interact with digital products and services and how to design interactions that are both intuitive and engaging.
Information Architect
Information Architect
Information Architects organize and structure information in a way that is easy to find and use. This course teaches the fundamental principles of wire-framing, a key skill for Information Architects. By learning how to create wireframes, you can gain a better understanding of how users interact with information and how to organize information in a way that is both efficient and effective.
Process Engineer
Process Engineer
Process Engineers design and improve manufacturing and business processes. This course teaches the fundamental principles of wire-framing, a key skill for Process Engineers. By learning how to create wireframes, you can gain a better understanding of how users interact with processes and how to design processes that are both efficient and effective.
Business Analyst
Business Analyst
Business Analysts analyze and improve business processes. This course teaches the fundamental principles of wire-framing, a key skill for Business Analysts. By learning how to create wireframes, you can gain a better understanding of how users interact with business processes and how to improve processes that are both efficient and effective.
Data Analyst
Data Analyst
Data Analysts collect, analyze, and interpret data to help businesses make informed decisions. This course teaches the fundamental principles of wire-framing, a key skill for Data Analysts. By learning how to create wireframes, you can gain a better understanding of how users interact with data and how to present data in a way that is both clear and actionable.
Software Engineer
Software Engineer
Software Engineers design, develop, and maintain software applications. This course teaches the fundamental principles of wire-framing, a key skill for Software Engineers. By learning how to create wireframes, you can gain a better understanding of how users interact with software applications and how to design applications that are both functional and efficient.
Market Researcher
Market Researcher
Market Researchers conduct research to help businesses understand their customers and markets. This course teaches the fundamental principles of wire-framing, a key skill for Market Researchers. By learning how to create wireframes, you can gain a better understanding of how users interact with research surveys and how to design surveys that are both effective and efficient.
Salesforce Administrator
Salesforce Administrator
Salesforce Administrators manage and maintain Salesforce CRM systems. This course teaches the fundamental principles of wire-framing, a key skill for Salesforce Administrators. By learning how to create wireframes, you can gain a better understanding of how users interact with Salesforce CRM systems and how to configure systems that are both efficient and effective.
Project Manager
Project Manager
Project Managers plan, organize, and manage projects. This course teaches the fundamental principles of wire-framing, a key skill for Project Managers. By learning how to create wireframes, you can gain a better understanding of how users interact with project plans and how to create plans that are both clear and actionable.
For more career information including salaries, visit:
OpenCourser.com/course/c0aolv/create
Reading list
We've selected seven 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 Digital Wireframe with Figma.
Provides a foundational understanding of user experience (UX) design, including the principles of wireframing. It valuable resource for anyone interested in UX design.
Provides practical advice on how to make websites more user-friendly. It valuable resource for anyone involved in web design or development.
Provides a comprehensive overview of web application design. It valuable reference for anyone involved in web application design or development.
Provides a comprehensive overview of information architecture. It valuable resource for anyone interested in learning about this topic.
Provides a practical guide to sketching user experiences. It valuable resource for anyone involved in UX design or development.
Save
Provides a gentle introduction to UX design. It valuable resource for anyone new to UX design or looking to learn more about it.
Provides a foundational understanding of design principles. It valuable resource for anyone interested in design, including UX design.
For more information about how these books relate to this course, visit:
OpenCourser.com/course/c0aolv/create
Share
Similar courses
Here are nine courses similar to
Create a Digital Wireframe with Figma.
Create a High-Fidelity Prototype with Figma
OpenCourser.com/course/hre785/create
Create a High-Fidelity Prototype with Figma
Most relevant
Designing a Low Fidelity Prototype in Figma
OpenCourser.com/course/mnycmz/designing
Designing a Low Fidelity Prototype in Figma
Most relevant
Create a Mockup in Figma
OpenCourser.com/course/tioilu/create
Create a Mockup in Figma
UI Design using Figma: Create a Weather App Interface
OpenCourser.com/course/fogpqt/ui
UI Design using Figma: Create a Weather App Interface
Figma Prototyping: A deep dive for UX/UI Designer
OpenCourser.com/course/o4ky41/figma
Figma Prototyping: A deep dive for UX/UI Designer
Engaging and Assessing Students with Plickers
OpenCourser.com/course/elr0xk/engaging
Engaging and Assessing Students with Plickers
Get Started with Figma
OpenCourser.com/course/398ytm/get
Get Started with Figma
Figma UI UX Design Essentials
OpenCourser.com/course/cf9stf/figma
Figma UI UX Design Essentials
Create an App for Managing Company Expenses in Power Apps
OpenCourser.com/course/7074e9/create
Create an App for Managing Company Expenses in Power Apps
Effort
1.5 hours
Level
Introductory
Via
Coursera
Institution
Coursera Project Network
Instructor
Harrison Kong
Language
English
Good to know
Teaches the basics of wireframing
Covers wireframing principles and best practices
Uses Figma as the wireframing tool, which is standard in industry
Provides hands-on practice in wireframing
Explores wireframing for web applications
Serves as a useful resource for beginners in web design
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