Figma Training Overview
This Introduction to Figma training course teaches attendees how to use Figma to collaboratively create the user experience (UX) for modern websites. Participants learn how to quickly migrate from other popular design tools, such as Sketch, Axure, or Adobe XD, as well as how to use Figma in a design workflow in conjunction with other stakeholders. The skills learned in this course easily apply to the creation of mobile applications.
Location and Pricing
This course is taught as a private, live online class for teams of 3 or more. All our courses are hands-on, instructor-led, and tailored to fit your group’s goals and needs. Most Accelebrate classes can be flexibly scheduled for your group, including delivery in half-day segments across a week or set of weeks. To receive a customized proposal and price quote for online corporate training, please contact us.
In addition, we offer some courses as live, instructor-led online classes for individuals.
Objectives
- Use the Figma dashboard and Design File
- Create a modern website or mobile application
- Understand how to work efficiently with text and color styles
- Create concepts that function using Prototypes
- Share and collaborate with stakeholders and the development team
Prerequisites
No prior Figma experience is presumed.
Outline
Expand All | Collapse All
Introduction
Orienting Yourself Within Figma
Creating Your First Project
Overview of a Design File
- Differences between the online and desktop versions
- Overview of the Figma homepage
Project Creation
- Creating project styles
- Importing assets and creating color and text styles
- Creating the hero section
- Using text and color styles, creating frames, using shapes, creating a layout grid
- Applying Auto-layout
- Auto-layout, Components, Text Decoration, and Variants
- Creating a responsive button
- Using masks
Prototyping, Collaborating, and Exporting
- Prototyping with smart animations
- Intro to prototypes, interactions, and Smart Animate
- Working with other stakeholders
- Leaving and resolving comments
- Exporting Files
- Different methods for sharing with developers and stakeholders
Conclusion
Training Materials
All Figma training attendees receive comprehensive courseware.
Software Requirements
- Stable internet access and a modern web browser
