Figma for Beginners: Learning by Doing approach from Udemy

Here are some reviews from the students of the course:

"This course is great for beginners in Figma like me, Not only tells about Figma but other stuff that related to it. Great course. " - Fahrel

"I start learning Figma with this class . It was very useful and I learned not only the basics of Figma but also I learned how to organized my project and lots of tips about UI." - Kamelia

"The course is great for beginners to quickly learn the most used features and start creating their own work." - Marcus Martins

"Your teaching style is great. I really enjoy watching and learning from you. thanks" - Beheshteh atrian

"The Class is Amaning, It really helped me to learn Figma as a Beginner" - Monesh Mangtani

"This course was very beneficial and practical for me." - Bita Bostanchi

"Very nice for you who want to take a step at web design or UI/UX design role." - Amadev

This is very much a practical course on learning Figma. At the end of the course, you will have an aesthetically pleasing Project of a Website to show in your portfolio.

Figma is increasingly becoming the tool of choice for UI/UX Design teams all over the world. It is because Figma is much more powerful than Adobe XD and Sketch when it comes to its capability to collaborate and develop responsive design. In this course, you will learn Figma while designing while you are learning. This learning by doing methodology will help you learn Figma more effectively.

In this course, you will also learn the process of UI/UX Design with Figma, which starts at the client brief, and ends with a beautiful design which the client loves. You are requested to follow the course and start working in Figma in parallel. The course covers following steps in the UI/UX Design process:

Understanding Client's Design
Understanding the Wireframe
Creating Colour Palette matching to the Brand Design
Choosing Typefaces and Type Scale
Designing a modern User Interface according to the requirement
Use Figma specific features like Auto Layout to speed up your workflow

This course is specifically aimed at beginners to help then get upto speed. Learning a tool is not enough to create an output of relevance, and hence, this course is a project based course. At the end of the course you will have a beautiful website design (with website copy) for a study abroad company to show off in your portfolio.

What's inside

Learning objectives

Understand figma and its functionality
Create a modern looking website as per client requirement
Create colour palette and choose colour schemes according to the brand colours

Understand typefaces, type scale, and create typography reference sheet
Design easy to replicate designs using advanced figma features such as auto layout

Understand figma and its functionality
Create a modern looking website as per client requirement
Create colour palette and choose colour schemes according to the brand colours
Understand typefaces, type scale, and create typography reference sheet
Design easy to replicate designs using advanced figma features such as auto layout

Syllabus

Introduction

Link for the Workbook File - https://www.figma.com/file/Ha3S4t0JFzjM87eufWmtfQ/Excellence-Study-Abroad-Workbook-File

Link for the Reference File - https://www.figma.com/file/0PBgomraRFAEw0kcWO5V88/Excellence-Study-Abroad-Reference-File

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

Uses a learning-by-doing approach, which allows learners to immediately apply new skills and build a portfolio-ready website design

Focuses on Figma-specific features like Auto Layout, which can significantly speed up the design workflow and improve efficiency

Covers the UI/UX design process from client brief to final design, providing a holistic understanding of the field

Requires learners to download a workbook and reference file, which may require additional effort to manage and access

Teaches how to create color palettes and typography reference sheets, which are essential skills for maintaining visual consistency

Reviews summary

Beginner figma: learning by doing ui/ux

According to learners, this course is a largely positive introduction to Figma, specifically designed for beginners interested in UI/UX design. Students appreciate the "Learning by Doing" approach which is practical and helps them quickly grasp the most used features. The course doesn't just cover the Figma tool itself but also includes valuable information on related topics like organizing projects and UI tips. Many highlight the effective teaching style. The project-based structure provides a concrete output suitable for a portfolio.

Instructor's approach is well-received.

"Your teaching style is great."

"I really enjoy watching and learning from you. thanks"

"The Class is Amaning..."

Covers UI/UX tips and project workflow.

"...I learned not only the basics of Figma but also I learned how to organized my project and lots of tips about UI."

"...Not only tells about Figma but other stuff that related to it. Great course."

"This course is specifically aimed at beginners to help then get upto speed. Learning a tool is not enough to create an output..."

Learn by doing with a real project.

"This is very much a practical course on learning Figma."

"The learning by doing methodology will help you learn Figma more effectively."

"This course was very beneficial and practical for me."

Ideal starting point for learning Figma.

"This course is great for beginners in Figma like me..."

"The course is great for beginners to quickly learn the most used features..."

"It really helped me to learn Figma as a Beginner"

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 Figma for Beginners: Learning by Doing approach with these activities:

Review UI/UX Design Principles

Show steps

Reinforce your understanding of fundamental UI/UX design principles to create more effective and user-friendly designs in Figma.

Browse courses on UX Principles

Show steps

Review articles and videos on UI/UX principles.
Identify examples of good and bad UI/UX in existing websites and apps.
Practice applying these principles in small design exercises.

Review 'Refactoring UI'

Show steps

Learn practical UI design tips to enhance the visual appeal of your Figma projects.

View Melania on Amazon

Show steps

Read the book and take notes on key concepts.
Apply the techniques learned to existing Figma projects.
Experiment with different design styles and approaches.

Practice Auto Layout Exercises

Show steps

Master Figma's Auto Layout feature through repetitive exercises to improve workflow and create responsive designs.

Show steps

Create a series of simple layouts using Auto Layout.
Experiment with different Auto Layout settings and constraints.
Replicate existing designs using Auto Layout.

Four other activities

Expand to see all activities and additional details

Show all seven activities

Review 'Don't Make Me Think, Revisited'

Show steps

Learn the fundamentals of web usability to create more user-friendly designs in Figma.

View Don't Make Me Think, Revisited: A Common Sense... on Amazon

Show steps

Read the book and take notes on key usability principles.
Apply these principles to your Figma designs.
Conduct usability testing on your designs.

Design a UI Kit in Figma

Show steps

Solidify your Figma skills by creating a reusable UI kit that can be used in future projects.

Show steps

Identify common UI elements to include in the kit.
Design each element in Figma, paying attention to detail and consistency.
Organize the elements into a well-structured library.
Document the usage of each element.

Redesign an Existing Website in Figma

Show steps

Apply your Figma knowledge to redesign an existing website, focusing on improving its UI/UX.

Show steps

Choose a website to redesign.
Analyze the existing website's UI/UX.
Create wireframes and mockups in Figma.
Iterate on the design based on feedback.

Create a Figma Plugin

Show steps

Extend Figma's functionality by creating a custom plugin that solves a specific design problem.

Show steps

Identify a problem that can be solved with a Figma plugin.
Learn the Figma Plugin API.
Develop the plugin using JavaScript.
Test and debug the plugin.
Publish the plugin to the Figma Community.

Career center

Learners who complete Figma for Beginners: Learning by Doing approach will develop knowledge and skills that may be useful to these careers:

User Interface Designer

A User Interface Designer crafts intuitive and visually appealing interfaces for websites and applications. This role focuses on the aesthetics and usability of a product. This course helps User Interface Designers with the practical skills necessary to bring designs to life in Figma. The course covers the creation of color palettes, typography selection, and modern user interface design, which are all essential for creating effective and engaging interfaces. The focus on Auto Layout will also improve workflow.

See salaries and explore the career path for User Interface Designer

User Experience Designer

A User Experience Designer focuses on the overall experience a user has with a product, ensuring it is easy to use and meets their needs. This role involves research, prototyping, and testing. This course helps User Experience Designers learn to translate their ideas into tangible designs using Figma. With instruction in understanding client briefs, creating wireframes, and designing modern user interfaces. This course may enable user experience designers to improve the user journey.

See salaries and explore the career path for User Experience Designer

Web Designer

A Web Designer is responsible for the visual appearance and layout of websites. This includes selecting colors, fonts, and images, as well as ensuring the site is responsive and user-friendly. This course helps Web Designers learn to use Figma to create polished website designs. By the end, the web designer will have an aesthetically pleasing website in their portfolio and will have exposure to aspects of UI/UX design. The course's project-based approach is particularly useful for creating portfolio pieces.

See salaries and explore the career path for Web Designer

Interaction Designer

An Interaction Designer focuses on how users interact with a digital product, designing the elements that facilitate these interactions. This involves creating wireframes, prototypes, and user flows. This course helps Interaction Designers build a foundation in Figma, a tool used to design interactive prototypes. The focus on wireframes and modern user interface design may allow interaction designers to flesh out their designs. Learning to use Auto Layout and other Figma-specific features may improve efficiency.

See salaries and explore the career path for Interaction Designer

Mobile App Designer

A Mobile App Designer specializes in designing the user interface and user experience for mobile applications. This role requires a strong understanding of mobile design principles and platform-specific guidelines. This course may help Mobile App Designers learn how to use Figma to rapidly prototype and iterate on app designs. Learning to create color palettes, choose typography, and design modern user interfaces may improve their designs. The website design project in the course helps build a foundation in visual design principles applicable to mobile apps.

See salaries and explore the career path for Mobile App Designer

Graphic Designer

A Graphic Designer creates visual concepts, using computer software or by hand, to communicate ideas that inspire, inform, and captivate consumers. This role requires creativity and a strong understanding of design principles. A graphic designer can use Figma to create visual elements for websites, applications, and marketing materials. Learning to create color palettes, choose typography, and design layouts can improve a graphic designer's work. The creation of a website portfolio is a tangible demonstration of skills.

See salaries and explore the career path for Graphic Designer

Design System Manager

A Design System Manager oversees the creation and maintenance of a design system, ensuring consistency across all products. This role involves creating reusable components and guidelines. This course helps Design System Managers understand Figma's capabilities for creating and managing design systems. The understanding of Figma-specific features, such as Auto Layout, may allow designers to build scalable and maintainable design systems. The course may provide experience in creating a project that is consistent with brand guidelines.

See salaries and explore the career path for Design System Manager

Branding Specialist

A Branding Specialist develops and manages a company's brand identity. This includes defining brand values, creating visual guidelines, and ensuring consistency across all communications. This course helps Branding Specialists understand how to translate brand guidelines into digital designs using Figma. Learning to create color palettes and choose typefaces according to brand colors may help branding specialists implement brand identity. By the end of the course, the branding specialist will have a website design that is consistent with brand guidelines.

See salaries and explore the career path for Branding Specialist

UI Developer

A UI Developer translates designs into functional code, working closely with designers to implement user interfaces. This role requires both design and technical skills. This course may help UI Developers understand the design process and how to better collaborate with designers using Figma. The course may provide UI Developers with a shared vocabulary and understanding of design principles, facilitating smoother collaboration.

See salaries and explore the career path for UI Developer

Front-End Developer

A Front End Developer is responsible for coding the user-facing parts of a website or application. This includes using HTML, CSS, and JavaScript to create interactive elements. This course may help Front End Developers gain a better understanding of design principles and how to implement designs effectively. This course may aid in collaborating with designers and translating designs into code, particularly with its discussion of grids and layouts.

See salaries and explore the career path for Front-End Developer

Product Manager

A Product Manager guides the vision, strategy, and roadmap for a product. This involves understanding user needs, defining product requirements, and working with cross-functional teams. This course may help Product Managers better understand the design process and communicate effectively with designers. The course may provide a shared vocabulary and understanding of design principles, helping Product Managers provide more informed feedback on design proposals.

See salaries and explore the career path for Product Manager

Art Director

An Art Director is responsible for the visual style and images in magazines, newspapers, product packaging, and film and television productions. This role requires a strong artistic vision and leadership skills. This course may help Art Directors learn how to use Figma to create and communicate design concepts to their teams. Being exposed to client briefs, wireframes, and layout design can improve an art director's work. The course may improve efficiency when designing user interfaces.

See salaries and explore the career path for Art Director

Digital Marketer

A Digital Marketer develops and executes marketing campaigns across various digital channels. This includes creating content, managing social media, and analyzing campaign performance. This course may help Digital Marketers understand the fundamentals of design, enabling them to create more effective marketing materials. With aspects like understanding client design and typeface choices, this course may improve marketing skills. Also, portfolios may become more diversified.

See salaries and explore the career path for Digital Marketer

Instructional Designer

An Instructional Designer creates learning materials and experiences, such as online courses and training programs. This role requires a strong understanding of pedagogy and instructional design principles. This course helps Instructional Designers acquire a better understanding of the UI/UX design process, which can be valuable when creating engaging and effective online learning experiences. Understanding typeface choice and layout may improve instructional design skills. The end product, a website design, can be shown as part of a portfolio.

See salaries and explore the career path for Instructional Designer

Animator

An Animator creates moving images using computer software or traditional techniques. This can include creating animations for films, television shows, video games, and websites. This course may help Animators learn the basics of UI/UX design, which may be useful for creating animations for interactive media. Learning design principles as well as how to use design tools may improve overall animation skills. Also, portfolios may become more diversified.

See salaries and explore the career path for Animator

Figma for Beginners

Learning by Doing approach

What's inside

Learning objectives

Syllabus

Traffic lights

Save this course

Reviews summary

Beginner figma: learning by doing ui/ux

Activities

Career center

Reading list

Share

Similar courses