Skip to content
KnowledgeCity

Figma Intermediate

Learn best practices for effectively using Figma
Preview the first lesson free — get full access to all 22 lessons.
Course: On-Demand
Intermediate Provider Justin Billmeier  7 chapters ·  22 Lessons ·  1h 39m  in English 

Course Description

Figma is a cloud-based design tool that facilitates collaboration among teams, making it a good choice for creating design systems. Using a design system provides consistency and scalability, improves efficiency, and enhances collaboration and accessibility across your designs. It’s important to use features such as responsive design, which enables your website to adjust to various screen sizes. This way, your website can be accessible to anyone, regardless of how they’re viewing it. Features like components can help you create and manage consistent designs across projects and across teams.

In this course, you will learn how to use Figma. We will cover using responsive layouts, including constraints, auto layouts, and grids. You will learn about components, including features like buttons, icons, layouts, input fields, and navigational elements. You will also learn about plug-ins for text, imagery, and accessibility. By the end of this course, you will know the best practices for effectively using Figma.

What You'll Learn

  • Apply best practices for creating responsive layouts using constraints, auto layout, and grids
  • Create and manage components such as buttons, icons, layouts, input fields, and navigational elements
  • Build and apply a design system across projects and teams
  • Use plugins for text, imagery, and accessibility
  • Demonstrate prototyping with flows, animations, nested prototypes, and remembered sharing settings
  • Utilize AI for design within Figma

Key Takeaways

  • Figma is a cloud-based design tool that facilitates collaboration among teams, making it a good choice for creating design systems.
  • Using a design system provides consistency and scalability, improves efficiency, and enhances collaboration and accessibility across designs.
  • Responsive design enables a website to adjust to various screen sizes so it can be accessible regardless of how it is viewed.
  • Components help create and manage consistent designs across projects and across teams.
  • The course covers responsive layouts, components, design systems, plugins, and prototyping to teach best practices for effectively using Figma.

Frequently Asked Questions

What will I learn in this course?

You will learn how to use Figma, including responsive layouts (constraints, auto layout, and grids), components (buttons, icons, layouts, input fields, and navigational elements), design systems, and plugins for text, imagery, and accessibility. By the end, you will know the best practices for effectively using Figma.

What are the main learning objectives?

The objectives are to apply best practices for creating responsive layouts, understand what components are and how to create them, and demonstrate how to apply a design system across projects.

Does this course cover prototyping?

Yes. Lessons cover using flows as guides, animations and components, nesting prototypes in presentations, and sharing prototypes with remembered settings.

What is Figma and why use a design system?

Figma is a cloud-based design tool that facilitates collaboration among teams. Using a design system provides consistency and scalability, improves efficiency, and enhances collaboration and accessibility across your designs.