Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Contact Us
  • Home
  • Courses, tutorials, projects – Figma Learn
  • Courses
  • Figma Design for beginners

Course overview: Figma Design for beginners (2025)

Written by Figma Man

Updated at June 19th, 2025

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Administration – Figma Learn
    Manage files and projects Manage a team Manage your account Manage a Figma organization Manage Enterprise plan settings and permissions Billing Manage Figma in a school
  • Figma Design – Figma Learn
    Create prototypes Import and export Create designs Tour the interface Dev Mode Work together in files Build design systems Figma Draw
  • Get started – Figma Learn
    Set up your account Layers 101
  • FigJam – Figma Learn
    Import and export Run meetings Work on boards Tour the interface
  • Community – Figma Learn
    Explore the Community Creator tools and resources
  • Help – Figma Learn
    Troubleshoot Common questions Work with support
  • Work across Figma – Figma Learn
    Figma AI Work across Figma
  • Courses, tutorials, projects – Figma Learn
    Courses Projects
  • Figma Slides – Figma Learn
    Create and edit slides Present slide decks Tour the interface Import and export
  • Figma Buzz – Figma Learn
    Templates in Figma Buzz Create and edit assets in Figma Buzz Overview
  • Figma Make – Figma Learn
    Tour the interface Work with Figma Make
  • Figma Sites – Figma Learn
    Design a site Create webpages and breakpoints Make your site interactive Preview and publish a site Tour the interface
+ More

Table of Contents

Course overview Course requirements Course resources

Course overview

Figma Design is used to create digital experiences of all kinds, including mobile apps, websites, illustrations, and more.

In Figma Design for beginners, you’ll discover how powerful designing in Figma can be. No matter your role or level of experience, if you’re looking for ways to turn your ideas into reality, this course is for you.

Throughout this hands-on course, we’ll design a portfolio website from scratch. Together, we’ll go step-by-step, from adding your first layers to the canvas, to building a fully responsive and interactive layout. We’ll cover the basics like shapes, text, and frames, and tap into more advanced features like auto layout, components, and prototyping. By the end, you’ll not only have a customizable portfolio website, you’ll also have the skills needed to start bringing your own ideas to life.

Looking to learn in a different language? This course uses YouTube's automatic dubbing feature to make the content available in different languages. You can change the language for a video by clicking ⚙️ Settings in the YouTube video player and selecting a language from the list. Visit YouTube's Help Center to learn more about automatic dubbing with AI.

social-cut.gif

Course requirements

To complete this course, you will need a computer, an internet connection, and a Figma account. The features we’ll be using are available on the free Starter plan, so you don’t need a paid subscription to get started. If you don’t have a Figma account, we’ll walk through how to create one in the next video.

You can use Figma in the browser or download the Figma desktop app. Learn more about Figma's system requirement.

Course resources

  • Community file: The Figma Design for beginners Community file includes samples of the components and page layouts we'll be creating. Refer to this file as you progress through the course, or use the finished components to explore and develop your own page layouts.
  • Help Center: Looking for more details on a particular feature? Figma's Help Center has you covered with comprehensive guides on auto layout, components, prototyping, and more.
  • Figma Forum: Ask questions, share ideas, and connect with other learners on the Figma Forum.

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • FD4B: Advocate sidebar: The differences between sections, groups, and frames
  • FD4B: Advocate sidebar: Auto layout tips and tricks
  • FD4B: Create a frame using frame presets
  • FD4B: Create the section heading, paragraph text, and quote block
  • FD4B: Prototyping fundamentals
  • Blog
  • Best practices
  • QR code generator
  • Color wheel
  • Colors
  • Color picker
  • Color palettes
  • Color palette generator
  • Color contrast checker
  • Font Library
  • Templates
  • Developers
  • Integrations
  • Affiliate program
  • Resource library
  • Reports and insights
  • Support
  • Status
  • Legal and privacy
  • Modern slavery statement
  • Climate disclosure statement
  • COMPARE
  • Sketch
  • Adobe XD
  • Framer
  • Miro
  • COMPANY
  • Events
  • Customers
  • Careers
  • Newsroom
Expand