UI & UX Design Tutorial : Wireframe Mockup & Design in Figma

Course Feature
  • Cost
    Free
  • Provider
    freeCodeCamp
  • Certificate
    Paid Certification
  • Language
    English
  • Start Date
    On-Demand
  • Learners
    No Information
  • Duration
    2.00
  • Instructor
    /
Next Course
4.5
89 Ratings
This tutorial provides an in-depth look at the process of UI/UX design, from wireframing to prototyping and designing in Figma. Professional designers will learn how to build a full website design from scratch, following the principles of user experience and user interface.
Show All
Course Overview

❗The content presented here is sourced directly from freeCodeCamp platform. For comprehensive course details, including enrollment information, simply click on the 'Go to class' link on our website.

Updated in [March 06th, 2023]

UI & UX Design Tutorial: Wireframe Mockup & Design in Figma is an excellent course for learners to gain a comprehensive understanding of the process of UI/UX design. Learners will learn how to create a full website design from scratch, following the process of user experience and user interface. The course covers wireframing, prototyping, and designing in Figma, giving learners the skills to create a professional website design. Additionally, learners will gain an understanding of the importance of user experience and user interface in the design process, and how to use Figma to create a visually appealing website.

Learners will also gain an understanding of the importance of user research and testing in the design process. They will learn how to use user research to inform their design decisions, and how to use user testing to ensure their design meets the needs of their users. Additionally, learners will gain an understanding of the importance of accessibility and usability in the design process, and how to ensure their design is accessible and usable for all users.

Finally, learners will gain an understanding of the importance of collaboration in the design process. They will learn how to work with other designers and stakeholders to ensure their design meets the needs of their users. Additionally, learners will gain an understanding of the importance of communication in the design process, and how to effectively communicate their design decisions to stakeholders.

Overall, UI & UX Design Tutorial: Wireframe Mockup & Design in Figma is an excellent course for learners to gain a comprehensive understanding of the process of UI/UX design. Learners will gain the skills to create a professional website design, as well as an understanding of the importance of user experience and user interface, user research and testing, accessibility and usability, collaboration, and communication in the design process.

[Applications]
This course provides a great foundation for those interested in applying the principles of UI & UX design. After completing this course, students should be able to create wireframes and mockups in Figma, as well as design a website from scratch. Additionally, students should be able to apply the principles of user experience and user interface design to their own projects. With this knowledge, students can create user-friendly websites and applications that are both visually appealing and functional.

[Career Paths]
1. UI/UX Designer: UI/UX Designers are responsible for creating user-friendly and aesthetically pleasing interfaces for websites, apps, and other digital products. They must have a strong understanding of user experience principles, design trends, and the latest technologies. As the demand for digital products continues to grow, the demand for UI/UX Designers is expected to increase significantly.

2. Web Developer: Web Developers are responsible for creating and maintaining websites. They must have a strong understanding of coding languages, web technologies, and design principles. As the demand for web-based products continues to grow, the demand for Web Developers is expected to increase significantly.

3. Product Designer: Product Designers are responsible for creating products that are both functional and aesthetically pleasing. They must have a strong understanding of user experience principles, design trends, and the latest technologies. As the demand for digital products continues to grow, the demand for Product Designers is expected to increase significantly.

4. Mobile App Developer: Mobile App Developers are responsible for creating mobile applications for smartphones and tablets. They must have a strong understanding of coding languages, mobile technologies, and design principles. As the demand for mobile applications continues to grow, the demand for Mobile App Developers is expected to increase significantly.

[Education Paths]
1. Bachelor of Science in Computer Science: This degree path focuses on the fundamentals of computer science, such as programming, software engineering, and computer architecture. It also covers topics such as artificial intelligence, computer graphics, and computer networks. With the increasing demand for software developers and the growing importance of technology in our lives, this degree path is becoming increasingly popular.

2. Bachelor of Science in Human-Computer Interaction: This degree path focuses on the design and development of user interfaces and user experiences. It covers topics such as user research, user experience design, and user interface design. With the increasing demand for user-friendly products and services, this degree path is becoming increasingly popular.

3. Master of Science in Human-Computer Interaction: This degree path focuses on the advanced topics of user interface and user experience design. It covers topics such as user experience evaluation, user interface design principles, and user interface design patterns. With the increasing demand for user-friendly products and services, this degree path is becoming increasingly popular.

4. Master of Science in Interaction Design: This degree path focuses on the design and development of interactive systems. It covers topics such as user interface design, user experience design, and interactive system design. With the increasing demand for interactive products and services, this degree path is becoming increasingly popular.

Show All
Recommended Courses
free figma-variants-design-a-scalable-mobile-app-full-course-6873
Figma Variants : Design a Scalable Mobile App [Full Course]
2.0
freeCodeCamp 6 learners
Learn More
This course provides an introduction to Figma Variants, a tool for designing a scalable mobile app. It covers the basics of the Frame and Autolayout functions, as well as how to use the tutorial and homework files. It also recommends the personal and freeCodeCamp channels for further learning.
free great-design-with-user-research-design-a-mobile-app-using-figma-6874
Great Design With User Research - Design a Mobile App Using Figma
2.0
freeCodeCamp 7 learners
Learn More
This course teaches students how to design a mobile app using Figma. It covers the workflow breakdown, user empathy, creating user experience surveys, user personas, problem statements, ideation, prototyping, and usability testing. Students will learn how to create a great design with user research and create a successful mobile app.
free how-to-design-a-landing-page-designing-a-landing-page-for-new-course-6875
How to design a landing page? Designing a landing page for new course
2.0
Youtube 2 learners
Learn More
This course provides an overview of how to design a landing page for a new course. It covers topics such as copywriting for landing page, working with Figma, and designing a landing page. Participants will gain the skills to create an effective landing page that will help promote their course.
free material-live-designing-a-material-theme-6876
Material Live: Designing a Material Theme
1.5
Youtube 0 learners
Learn More
This course provides an introduction to designing a Material Theme in Figma. It covers topics such as stream intro, Figma setup, typography, color, and shape. Participants will learn how to create a cohesive design that follows Material Design guidelines. They will also gain an understanding of how to use Figma to create a Material Theme.
Favorites (0)
Favorites
0 favorite option

You have no favorites

Name delet