Figma 2023 Bootcamp : With 20+ UI/UX Real Time Projects from Udemy

What's inside

Syllabus

Introduction To Figma

Students will learn how to create account in Figma

In This Class Students will Basic Tools In Figma

In This Class Students Will Learn How to Install Various Plugins in Figma

In This Class You are Going learn about Masking in Figma

In This Class You Will Learn About Variants & Components in Figma

in This Class We Will Discuss about pages and assets in Figma

In This CLass We Will Learn mostpowerful autolayout in Figma

In This CLass We Are Going to Learn How to Share Files in Figma

In This Secobnd Section We are Going to Create A real time Static UI mockup Design

In This CLass We are finishing First UI Mockup

in This Class We are Going to Learn to Design a Second UI page

In This Class We are Finishing our Static app UI design

In This Class we are Designing Wireframe For Food UI

In This Class we are Designing First UI Page For Food App

In This Class We Are Going to Finish First UI page for Food app

In This Class We are Going to learn about Prototyping

In This Class We Are Going to Finshing Intractive UI Animation

In This Lesson We are Going to Learn About Web Ui page

In This Class We Are Going to Finishing Our First UI Web Page

In This Class We are Finishing Our First Web page

in This Lesson We Are Learning About Prototyping for Our First page

In This Lesson We Are Learning to Give Functions to Forward Buttons

in This Class We are Going To Design HeadPhones Page

in This Lesson We are Prototyping Head Phones Page

in This Class We are Going to do Prototyping For Buy Now Page

in this Class We are Going to Design & Start Prototyping Add To Cart Page

in this class we are prototyping for add to cart page

in this Class We are Connecting Speakers Page

in This Class We are Working on Payment pages for Speakers

In This CLass We are Designing Add To Cart Page

in This Class We are Working on Earphones Web page

in This Class We are Working on Earphones Payment page and we can design some acessories for payment page

in This Class We are Finalzing Our Web site

in This Class we are learning to Design Dashboard UI Page

In This Class We are adding some additional Details for our dashboard design

in This Class We are Designing statistics design for our dashboard

In This Class we are Designing Graphs for Dsahboard

in This Class We are Finalsing Our Dsahboard

in This class We are Prototyping Dsahboard

in this class we are going to learn how to create dropdown animations

In This Class We are Finishing Our Dash board Design

In This Class we are Going To learn Designing First Web Page

In This Class We Are Going To Finishing Our First Web Page

In This Class We Are Going To Design Footer Part Of First Web Page

In This Class We Are Going To Animate Rollovers For Buttons

In This Class We are Going To Learn How to Design Instructors Page

In This Class We Are Going To Design Pricing Page

In This Class We Are Going To Learn How To Design Sign Up Page

In This Class We Are Going TO create Roll Overs For Pricing page

In This Class We are Going To Learn How To do Prototyping For Web Pages

In This Class We are Going To Design Payment Page

In This Class We are Going To Learn How To Create Radial Buttons

In This Class We are Going to create Dropdown menu

In This Class We are Going to Rectify some Issues in main page

In This Class we are adjusting other web pages correctly

In This class we are going to prepare drop down menu and protyping it

In This Class We are Going To Finalize our Final Web Site

In this class we are going to learn how to design music app main page

In This Class we are going to learn how to create stunning backgrounds in figma

in this class we are going to learn how to design roll over buttons in first page

in this class we are going to design second UI Page

in this class we are going to learn how to create home roll over animation & design

in this class we are going to learn how to design play button

In This class we are going to learn how to create third Ui Page

in this class we are going to design play music animation

in this class we are going to design third Ui Page

in this class we are going to animate Timer Music

in this class we are going to design & animate Play & pause Buttons

In This Class we are going to do prototype for play& pause buttons

In this class we are going to learn A Button in main page

In this class we are going to learn to Design My Account page

In this class we are going to learn how to create Search Bar Animation

In this class we are going to Final our App

In This Class We are Going to design Web page for Product based web site

In this class we are going to learn Roll Overs for First Web site

In this class we are going to learn rectifyng some issues in Rollovers

In this class we are going to learn creating some Forward & backward button animations

Final Conclusion

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

Uses Figma, a leading design tool, which is widely adopted in the UI/UX industry for creating interfaces and prototypes

Begins with the fundamentals of Figma, such as creating an account, understanding basic tools, and installing plugins, which builds a strong foundation

Covers essential UI/UX design principles, such as masking, variants, components, auto layout, and sharing files, which are core skills for modern design

Features real-time projects, including a static UI mockup, a food UI design app, an e-commerce website, and a dashboard, which provides hands-on experience

Emphasizes prototyping and interactive animations, which are crucial for creating engaging user experiences and validating design concepts

Focuses on Figma 2023, which may not be the latest version, but still provides a solid foundation in UI/UX design principles and practices

Reviews summary

Practical figma ui/ux with projects

According to students, this course offers a strong foundation in Figma for UI/UX design, heavily emphasizing hands-on learning through numerous real-time projects. Learners particularly praise the practical approach, finding it effective for building a portfolio and gaining immediately applicable skills. While the course content is extensive and covers many aspects of Figma including prototyping and auto layout, a few reviewers noted that the instructor's English accent can sometimes be challenging to understand. Overall, it's considered a valuable resource for beginners looking to quickly get up to speed with Figma and project work, though some might need supplementary resources for theoretical depth or specific advanced topics.

Covers many core Figma features and topics.

"The course covers a wide range of topics, from basic tools to advanced prototyping and auto layout."

"Lots of content packed into this course, touches upon many essential aspects of Figma."

"Felt like I got a comprehensive overview of Figma's capabilities for UI/UX."

"Good coverage of components, variants, and auto layout."

Suitable and helpful for those starting out.

"As a complete beginner to Figma, I found this course very easy to follow and learn from."

"This course is perfect for anyone new to UI/UX and Figma."

"Great introduction to Figma for beginners. Starts with the basics and builds up."

"Highly recommend this course for beginners wanting to learn Figma fast."

Provides immediately applicable skills.

"I feel confident using Figma for practical design tasks after taking this course."

"Learned practical techniques that I could apply to my work right away."

"The course equips you with practical tools and strategies for UI/UX design."

"This course is great for getting the practical skills needed to start designing in Figma."

Strong emphasis on practical, hands-on projects.

"The focus on 20+ real-time projects is fantastic; it really helps solidify the concepts and build a portfolio."

"I loved that the course is project-based. Designing actual UIs like the food app and e-commerce site made learning fun and practical."

"The projects are the strongest part of this course. Doing them step-by-step was very helpful."

"Really appreciate the number and variety of projects included. It gives a great practical feel for using Figma."

"Working on real-time projects throughout the course gives invaluable hands-on experience."

Pacing might be too fast for some learners.

"Sometimes the course moves a bit too quickly, and I had to pause and rewatch sections."

"The instructor goes quite fast, especially during the projects."

"Might be a bit fast-paced if you are struggling with the instructor's accent."

Instructor's accent can sometimes be difficult.

"The instructor's accent was a bit difficult to understand at times, but the content is good."

"Sometimes the English pronunciation made it hard to follow along."

"While the teaching is effective, the accent requires concentration to grasp everything said."

"Understanding the instructor requires a little effort due to the accent."

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 2023 Bootcamp : With 20+ UI/UX Real Time Projects with these activities:

Review Figma Fundamentals

Show steps

Strengthen your understanding of Figma's core tools and concepts before diving into advanced projects. This will make learning new techniques faster and easier.

Show steps

Review Figma's interface and basic tools.
Practice creating simple shapes and layouts.
Familiarize yourself with components and styles.

Read 'Don't Make Me Think' by Steve Krug

Show steps

Learn the fundamentals of usability to create more effective and user-centered designs. This book provides valuable insights into how users think and interact with interfaces.

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

Show steps

Read a chapter of 'Don't Make Me Think'.
Apply the concepts to your Figma designs.
Conduct usability testing on your designs.

Read 'Refactoring UI'

Show steps

Improve your UI design skills by learning practical refactoring techniques. This will help you create more polished and professional-looking designs in Figma.

View Melania on Amazon

Show steps

Read a chapter of 'Refactoring UI'.
Apply the concepts to a Figma project.
Reflect on the impact of the changes.

Four other activities

Expand to see all activities and additional details

Show all seven activities

Recreate UI Elements from Dribbble

Show steps

Improve your Figma skills by recreating UI elements from Dribbble. This will help you develop your eye for detail and learn new design techniques.

Show steps

Find a UI element on Dribbble.
Recreate the element in Figma.
Compare your recreation to the original.

Follow Advanced Prototyping Tutorials

Show steps

Master advanced prototyping techniques to create more interactive and engaging user experiences. This will enhance your ability to showcase your designs and gather feedback.

Show steps

Find tutorials on advanced prototyping.
Follow the tutorials step-by-step.
Experiment with different interactions.

Redesign an Existing App Interface

Show steps

Apply your Figma skills by redesigning the interface of a popular app. This will challenge you to think critically about UI/UX principles and implement them in a real-world context.

Show steps

Choose an app to redesign.
Analyze the existing interface.
Create wireframes and mockups in Figma.
Prototype the redesigned interface.

Create a UI Kit in Figma

Show steps

Solidify your understanding of components and styles by creating a reusable UI kit. This will improve your workflow and ensure consistency across your designs.

Show steps

Define the scope of your UI kit.
Create basic components and styles.
Document your UI kit for future use.
Share your UI kit with the community.

Career center

Learners who complete Figma 2023 Bootcamp : With 20+ UI/UX Real Time Projects will develop knowledge and skills that may be useful to these careers:

User Experience Designer

The role of a User Experience Designer is to enhance user satisfaction by improving the usability, accessibility, and desirability of a product. The Figma mega course helps you deeply understand the user experience design process by focusing on Figma. This course teaches you to use interactive animations and prototyping to create visually appealing and user-friendly interfaces. The course's extensive syllabus, covering everything from basic tools to advanced design principles, helps you understand how to create interfaces that enhance the user experience.

See salaries and explore the career path for User Experience Designer

User Interface Designer

A User Interface Designer focuses on the visual elements of a digital product, ensuring they are aesthetically pleasing and easy to use. This course is specifically designed to teach interface design using Figma, covering the use of shapes, components, and tools to create user interfaces. You will learn about creating UI mockups, web designs, and prototyping, all of which are essential skills for a User Interface Designer. This course's focus on real-time projects and interactive animations helps build a strong portfolio.

See salaries and explore the career path for User Interface Designer

Web Designer

A Web Designer plans and creates the visual layout of websites, ensuring they are both functional and visually appealing. This course is highly relevant as it covers web design using Figma, a popular tool in the industry. The class teaches you to design web pages, incorporate interactive elements, and create prototypes. With a strong understanding of UI/UX principles, you can create websites that are both beautiful and easy to use, making you a valuable asset to any web development team. This course emphasizes real-time projects, including an e-commerce website and an educational website.

See salaries and explore the career path for Web Designer

Mobile App Designer

A Mobile App Designer focuses on creating engaging and intuitive user interfaces for mobile applications. This course helps you learn to design mobile app interfaces using Figma. With modules dedicated to creating food app UIs and music player apps, participants gain experience in designing for mobile platforms. The course also touches on prototyping and interactive animations, critical for creating user-friendly and visually appealing mobile apps. This course helps you in advanced UI and UX mockups.

See salaries and explore the career path for Mobile App Designer

Visual Designer

A Visual Designer focuses on creating aesthetically pleasing and engaging visuals for digital and print media. The Figma mega course is directly relevant as it teaches core design principles and the use of Figma as a design tool. The course emphasizes the creation of stunning user interfaces using shapes, components, and other tools within Figma. A Visual Designer can leverage these skills to create visually compelling designs for websites, applications, and marketing materials. The emphasis on real-time projects allows you to build a design portfolio.

See salaries and explore the career path for Visual Designer

Interaction Designer

Interaction designers focus on how users interact with digital products. The Figma mega course is an ideal starting point, with its focus on Figma-based UI design. The course helps you learn about interactive animations and prototyping, enabling the creation of dynamic and responsive interfaces. By mastering Figma, the classes in this course help you to create interactions that are both intuitive and enjoyable, enhancing the overall user experience.

See salaries and explore the career path for Interaction Designer

UI Developer

A UI Developer specializes in translating designs into functional user interfaces, often working closely with UI/UX designers. This Figma mega course offers a direct pathway to understanding UI design principles and workflows. The course teaches you to use Figma to create interactive prototypes, which can then be used as a blueprint for development. A UI Developer can use designs created in Figma to build responsive and user-friendly interfaces efficiently.

See salaries and explore the career path for UI Developer

Product Designer

Product Designers are involved in the entire design process, from ideation to launch, focusing on the user's needs and business goals. While the Figma mega course focuses on UI/UX using Figma, it instills a strong foundation in visual design and user-centered thinking. The emphasis on real-time projects and creating interactive prototypes can translate into a stronger understanding of the product development lifecycle. Product Designers benefit from a concrete understanding of the tools and processes used to bring digital products to life.

See salaries and explore the career path for Product Designer

UX Researcher

A UX Researcher conducts studies to understand user behavior and needs, providing insights that inform design decisions. While this course primarily focuses on the design aspect, the skills learned in creating user interfaces and prototypes help build empathy for the end-user. Understanding design principles and prototyping techniques, as taught in this course, helps you to better analyze user feedback and translate it into actionable design improvements. A UX Researcher's insights directly inform the work of UI/UX designers.

See salaries and explore the career path for UX Researcher

Design Strategist

A Design Strategist aligns design decisions with overall business goals, requiring a broad understanding of both design and business. The Figma mega course's focus on UI/UX design may be useful in providing a practical understanding of the design process. By familiarizing yourself with a design tool like Figma, you can more effectively communicate with design teams and understand the feasibility of different design solutions. The real-time projects in the course may provide a chance to consider the strategic implications of design choices.

See salaries and explore the career path for Design Strategist

Design Manager

A Design Manager oversees a team of designers, guiding their work and ensuring that design projects align with business objectives. This Figma mega course may be useful by providing a deeper understanding of the tools and processes used by UI/UX designers. By familiarizing yourself with Figma, you can better understand design workflows and provide more effective feedback to your team. Design managers benefit from experiencing the design process directly.

See salaries and explore the career path for Design Manager

UX Writer

A UX Writer crafts the words users encounter while interacting with a digital product, ensuring clarity and usability. The Figma mega course may be useful as it provides context for how users interact with interfaces. By understanding the design process and the role of UI/UX elements, a UX Writer can better tailor their copy to enhance the user experience. A UX Writer can create clear and concise text that guides users through the interface.

See salaries and explore the career path for UX Writer

Creative Director

A Creative Director leads the creative team and oversees the overall creative vision for a company or project. While the Figma mega course is quite specific in its focus, it may be helpful in keeping them abreast of current trends and tools in UI/UX design. The course's hands-on approach to creating interfaces with Figma may offer practical insights into the challenges and opportunities in digital design. A Creative Director benefits from a broad understanding of design principles.

See salaries and explore the career path for Creative Director

Art Director

An Art Director is responsible for the overall visual style and image of a design project or campaign. While this course focuses specifically on UI/UX design within Figma, it may be helpful in offering practical insights into contemporary design trends and tools. The course's focus on creating visually stunning interfaces for websites and applications may inform the art director's broader design vision. Art directors often guide the work of UI/UX designers.

See salaries and explore the career path for Art Director

Front-End Developer

A Front End Developer brings designs to life by coding the user interface of websites and applications. While this course focuses on design within Figma, it helps build a strong understanding of UI/UX principles, particularly how designs are translated into interactive elements. This course helps improve collaboration with designers by understanding their workflows and design decisions, leading to more efficient development processes. Front end developers benefit from an understanding of design principles.

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

Figma 2023 Bootcamp

With 20+ UI/UX Real Time Projects

What's inside

Syllabus

Traffic lights

Save this course

Reviews summary

Practical figma ui/ux with projects

Activities

Career center

Reading list

Share

Similar courses