Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Figma: The Complete Guide for Graphic Designers
Rating: 4.7 out of 5(6 ratings)
21 students

Figma: The Complete Guide for Graphic Designers

Overcome the Learning Curve and Master Prototyping, Auto Layout, and Component-Based Design
Created byTeacher-in-a-Box | Videocorsi Professionali
Last updated 9/2025
English
English

What you'll learn

  • Navigate Figma’s interface with confidence – work with frames, layers, shapes, colors, images, and text like a pro.
  • Build responsive layouts using Auto Layout – streamline your workflow and adapt your designs to different screen sizes effortlessly.
  • Create and manage reusable components – design buttons, UI elements, and custom components to speed up your projects.
  • Prototype interactive user flows – connect screens, add triggers, and create dynamic interactions to bring your designs to life.
  • Collaborate in real time with clients and teammates – share projects, gather feedback instantly, and manage even complex designs efficiently.

Explore related topics

Course content

5 sections • 22 lectures • 2h 57m total length

  • 1.0.0 - Getting Started: what you’ll learn1:28

    Learn to navigate Figma, create first projects, organize components and prototypes, and build wireframes, design systems, and real-time collaborative ui/ux work in a browser or desktop app.

  • 1.1.0 - Where to download Figma and how to set it up4:49

    Activate a free Figma account, install the app on your device or use it in the web browser, and start with the starter plan.

  • 1.2.0 - Exploring the interface and workspaces3:51

    Explore the Figma interface and workspaces, use the move tool (v), navigate frames and layers, switch to prototype mode, and master essential shortcuts for zoom and navigation.

  • 1.3.0 - Creating and managing frames7:08

    Create and manage frames in Figma using presets and the frame tool to hold photos, text, buttons, and components; use grids and columns for alignment, and duplicate frames with alt/option.

  • 1.4.0 - Drawing and editing vector elements12:36

    Explore vector drawing in Figma by using the rectangle, ellipse, and pen tools to create shapes, adjust fill, stroke, radius, and opacity, and group or union shapes for complex icons.

  • 1.5.0 - Using colors, gradients, blend modes, and filters10:00

    Save colors as styles from a palette, create gradients with various stops, and apply blending modes and filters—drop shadow, layer blur, and background blur—for semi-transparent dialogs.

  • 1.6.0 - Adding and adjusting images9:40

    Learn how to insert and edit images in Figma using drag-and-drop and frames, including placeholders and masks. Master fill options like fill, fit, crop, and tile, plus text masks.

  • 1.7.0 - Formatting and styling text9:57

    Learn to place and style text in Figma using the text tool, frame text boxes, manage auto height vs fixed size, adjust fonts, alignment, and save and apply character styles.

  • 1.8.0 - Layers Panel: grouping, searching, and renaming elements6:49

    Master the layers panel to group, reorder, and rename elements, manage visibility through the hierarchy, lock items, and use search, find-and-replace, and batch rename to streamline complex designs.

Requirements

  • No prior experience with Figma is required: this course is beginner-friendly.
  • A computer with internet access (Windows, macOS, or Linux).
  • Basic familiarity with graphic design concepts (optional, but helpful if you’ve used tools like Photoshop or Illustrator before).
  • That’s it! This course is designed so that anyone interested in graphic design or UI/UX can start learning and become productive with Figma quickly.

Description

This course contains the use of artificial intelligence. To be more precise, AI was used to translate the course transcription from Italian to English and to dub the course itself from Italian to English. Both were then reviewed manually to ensure the best learning experience for English speaking users. You wont' be able to understand that AI was used! 

Figma for Graphic Designers

Turn your ideas into interactive designs and dynamic prototypes

Are you a graphic designer looking to expand your skill set?
Learning Figma is the right move!

Why Figma?
Figma isn’t just another design tool. It allows you to go beyond static layouts, creating:

  • Interactive interfaces

  • Dynamic prototypes

  • Complete user flows

In today’s digital design world, the line between graphic design and UI/UX is thinner than ever.
Mastering Figma helps you collaborate effectively with developers, marketers, and product managers, opening doors as a freelancer or within corporate teams.

Work smarter with Figma
Even the most complex projects can be managed intuitively thanks to:

  • AutoLayout

  • Reusable components

  • Real-time collaboration

If you’re already familiar with Photoshop or Illustrator, Figma is the perfect complement to expand your skills in prototyping and web design.

What you’ll learn in this course
In nearly two hours of video lessons, you’ll gain confidence navigating Figma and mastering:

  • Frames, vector shapes, colors, and images

  • Dynamic layouts and custom components

  • Prototyping and interactive design

Whether you’re starting from scratch or enhancing your expertise, this course provides a solid foundation to use Figma professionally.

Get ready to:

  • Turn your ideas into real, functional projects

  • Collaborate efficiently with teams and clients

  • Start using Figma like a true design professional

Who this course is for:

  • Graphic designers who want to expand their skills beyond static layouts and explore interactive, digital design.
  • Beginners in UI/UX design looking for an easy introduction to prototyping and component-based workflows.
  • Freelancers who want to collaborate more effectively with developers, marketers, and product managers.
  • Students and design enthusiasts eager to learn a modern, versatile tool that complements Photoshop and Illustrator.
  • Professionals working in creative teams who need to manage design projects and share work in real time.

Report abuse