Figma Essential Training: The Basics

Figma Essential Training: The Basics

1h 38mBeginner2021-05-05

Authors

Brian Wood

Brian Wood

Web Developer, Author, and Trainer

Course details

Learn how to use Figma, the collaborative interface design tool. This course introduces the features and concepts you’ll need to know to start your first user experience (UX) design project in Figma. Find out how to create new files, segment your project for multiple screens and devices, and start adding content, including shapes, images, drawing, effects, and text. Instructor Brian Wood then shows how to work smarter—not harder—using Figma features like layers, reusable formatting, and components. In the final chapters, you can add interactions to the mix to build functional prototypes that really tell the whole story of your design to collaborators and clients.

Skills covered

FigmaInteraction DesignUser ExperienceEssential Training

Concepts

Introduction

  • The basics of Figma
  • What you can learn
  • Using the exercise files
  • What is Figma

Getting Started with Figma

  • Sign up for Figma
  • Set up local fonts

Setting Up Your File in Figma

  • Create a new file
  • Create and edit frames
  • Create pages

Adding Content in Figma

  • Create shapes
  • Combine and edit shapes
  • An intro to drawing
  • Add images
  • Hide parts of content with a mask
  • Get creative with effects
  • Import content from UI kits
  • Add and format text

Work Smarter

  • Organize with layers
  • Save formatting you can reuse
  • Reuse content with components
  • Resize content with constraints

Prototyping

  • An intro to prototyping
  • Start prototyping

Conclusion

  • Goodbye
40,000 Toman