Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Mastering Figma: Beginner to Expert [2024]
Rating: 4.2 out of 5(307 ratings)
15,855 students

Mastering Figma: Beginner to Expert [2024]

The ultimate masterclass to become UI/UX Expert
Created byIlkin Guluzada
Last updated 8/2024
English
English [Auto],

What you'll learn

  • Web Design
  • Mobile App Design
  • Desktop Program Design
  • UI/UX Design
  • Graphic Design
  • Logo Design

Course content

1 section • 17 lectures • 1h 21m total length

  • Introduction0:51

    Master graphic design with Figma, a tool for prototyping, UI, and UX. Learn to become comfortable using Figma, and follow videos to complete course assignments.

  • What is Figma?2:43

    Discover Figma, a cloud-based design, prototyping, and code tool that enables real-time collaboration from any laptop with internet, featuring drag-and-drop design, comments, and a rich plugin ecosystem.

  • Getting Started1:59
  • Frame8:25
  • Place Image and Fill Options7:53

    place images and explore fill options, including solid colors and gradients, while adjusting alignment, constraints, fixed positioning, cropping, fit, and image properties like exposure, contrast, and rotation.

  • Shape Tools4:41

    Master shape tools in Figma by creating and editing rectangles, lines, arrows, ellipses, polygons, stars, and placed images, while learning constraints, color picking, radii, and rotation.

  • Text Tools4:32
  • Layers & Assets4:53

    Discover how layers and assets in Figma improve performance by organizing elements, locking and hiding groups, and turning repeated items into reusable components stored in libraries.

  • CSS, iOS, Android Codes4:43

    Learn to edit text, adjust size and color, align elements, install lorem ipsum plugins, and preview cross-platform iOS and Android designs in a Figma prototype.

  • Pen tool5:11

    Master the pen tool in Figma by drawing with points, adjusting curvature and angles, and using the pencil tool for digital illustrations. Import images, adjust opacity, and practice to master the pen tool.

  • Save, Import, Export3:55
  • View Menu5:13

    Explore the view menu and panel options like outlines and resource visibility. Use zoom, fit to screen, selection, and the hand tool with space for navigation.

  • Prototyping16:42

    Master the art of prototyping in Figma by linking frames, configuring actions and triggers, and applying smart animations to showcase interactive product experiences without real code.

  • Creating Styles3:10

    Create and manage color styles and text styles for your project. Learn to apply a single style to elements, edit styles, and understand why changes propagate across the design.

  • Responsive Design4:46

    Master responsive design in Figma using constraints, centering, and scale to fit as frames resize. Create desktop and mobile frames, adjust constraints, and implement a fixed header to support scrolling.

  • Design Assignment: Redesign Udemy2:01

    Complete a design assignment to redesign your Udemy page in Figma, experimenting with shadows, colors, and functionality, then share your progress on social media.

  • Congratulations!0:20

    Celebrate your achievement as you become a team master and apply your Figma skills to web and app UI development.

Requirements

  • Internet Connection
  • Laptop

Description

Are you a beginner who wants to kick-start in UI/UX world? Or

Are you a experience designer who has a knowledge in UI/UX but wants to advance it by learning Figma?

If so, you can't be in a place better than this one! Best way to learn new skill is learning by practice.

Welcome to the "Mastering Figma: Beginner to Expert"  where we will diving deeper into UI/UX world.

This course is dedicated to giving students an up-to-date insights at Figma. Through the course you will learn how all different elements work together. The course is both theoretical and practical hands on. Upon successful completion of the course, you will be able to build your own Web and Mobile Design using the best practices taught throughout the course.

Figma is an interface design application that runs in the browser–but it’s actually much more than that. I would go so far as to say it’s probably the best application for team-based collaborative design projects.

Figma gives you all the tools you need for the design phase of the project, including vector tools which are capable of fully-fledged illustration, as well as prototyping capabilities, and code generation for hand-off.


What will you get at the end of the course?

⦁ You will know how to add design Web page

⦁ You will know how to add design Mobile App

⦁ You will know how to add prototype

⦁ You will know how to generate code out of design

⦁ You will know how animate designs

⦁ You will know how to collaborate with teams

⦁ You will know how to make designs responsive


The course is for all skill levels and experiences.

All this just for a price of a typical breakfast at restaurant!

So, it is the best time to invest into yourself and learn a skill which can boost you career and salary!


Who this course is for:

  • UI/UX Designers
  • Graphic Designers
  • Web Designers
  • Beginners in Design Field
  • Developers who wants to learn UI/UX

Report abuse