← Back to Skills Library

Figma

Information Technology > Computer aided design CAD software

Description

Figma is a cloud-based design tool used for creating user interfaces and graphics. It allows multiple users to collaborate in real-time, making it ideal for team projects. With Figma, you can create designs from scratch using various shapes, lines, and text tools, or modify existing templates. Advanced features include creating interactive prototypes, animations, and transitions. You can also integrate Figma with other tools and optimize your design workflow. As you gain proficiency, you can even conduct usability testing within Figma and manage complex design systems. The ability to use Figma effectively is a valuable skill in the fields of web development and graphic design.

Expected Behaviors

LEVEL 1

Fundamental Awareness

At the fundamental awareness level, users are expected to have a basic understanding of the Figma interface and how to navigate through it. They should be able to create a new project and apply simple color changes. The use of basic shapes and lines is also expected at this level, along with a basic understanding of layers and objects.

🌱
LEVEL 2

Novice

Novice users should be comfortable creating custom shapes using the pen tool and working with text and fonts. They should be able to apply gradients and effects, use alignment and distribution tools, and understand and apply constraints. Creating and managing frames is also an expected skill at this level.

🌍
LEVEL 3

Intermediate

Intermediate users are expected to create complex shapes and icons, work with vector networks, and use boolean operations. They should be proficient in creating and managing components, applying layer styles and text styles, and creating interactive prototypes.

LEVEL 4

Advanced

Advanced users should master auto layout features and be capable of creating responsive designs. They are expected to work with grids and layouts, create and manage design systems, collaborate and share designs, and use plugins to enhance workflow.

🏆
LEVEL 5

Expert

Expert users are expected to master advanced prototyping features, including creating animations and transitions. They should be capable of conducting usability testing within Figma, integrating Figma with other tools, optimizing design workflow, and teaching and mentoring others in Figma.

Micro Skills

LEVEL 1

Fundamental Awareness

What is Figma and what is it used for?
Identifying different sections of the interface
Understanding the purpose of each tool in the toolbar
Familiarizing with the properties panel
Navigating through the layers panel
Opening the file browser
Creating a new file
Naming and saving a file
Understanding the difference between drafts and projects
Zooming in and out of the canvas
Panning around the canvas
Switching between design, prototype, and inspect modes
Using the outline view
Creating and selecting layers
Moving and resizing layers
Understanding the layer hierarchy
Hiding and locking layers
Drawing rectangles, ellipses, polygons, and lines
Adjusting the properties of shapes
Combining multiple shapes
Converting lines to arrows
Changing the fill color of a shape
Adding a stroke to a shape
Adjusting the opacity of a layer
Using the color picker tool
🌱
LEVEL 2

Novice

Understanding the pen tool interface
Drawing straight lines with the pen tool
Drawing curves with the pen tool
Editing paths created with the pen tool
Adding text to a design
Changing font type, size, and color
Applying text transformations
Aligning and spacing text
Creating linear gradients
Creating radial gradients
Applying shadows and blurs
Using blend modes
Aligning objects horizontally and vertically
Distributing objects evenly
Using smart guides for alignment
Aligning objects to a specific key object
Creating frames of different sizes
Nesting frames within each other
Renaming and organizing frames
Adjusting frame properties like background color and effects
Setting constraints on width and height
Applying constraints to maintain aspect ratio
Using constraints for responsive design
Understanding how constraints affect nested objects
🌍
LEVEL 3

Intermediate

Using the pen tool effectively
Manipulating anchor points and paths
Combining basic shapes to create complex ones
Understanding and applying pathfinder operations
Understanding the concept of vector networks
Creating and editing vector networks
Converting shapes into vector networks
Applying color and stroke to vector networks
Understanding different boolean operations
Applying union, subtract, intersect and exclude operations
Creating complex shapes using boolean operations
Troubleshooting boolean operation issues
Understanding the concept of components
Creating components from shapes and groups
Managing and organizing components in assets panel
Overriding component instances
Creating and applying layer styles
Creating and applying text styles
Managing and updating styles
Understanding the impact of styles on design consistency
Understanding the concept of prototyping in Figma
Linking frames to create user flows
Setting up interaction details like triggers and animations
Previewing and testing prototypes
LEVEL 4

Advanced

Understanding auto layout properties
Creating auto layout components
Nesting auto layouts
Resizing and reordering items in auto layout
Applying padding and spacing in auto layout
Understanding responsive design principles
Creating responsive grids
Testing and adjusting designs for different screen sizes
Implementing responsive typography
Understanding grid systems
Creating custom grids
Aligning objects to a grid
Using layout grids for responsive design
Managing and customizing layout settings
Understanding design system principles
Creating reusable components
Managing and updating style guides
Organizing and maintaining design libraries
Sharing and implementing design systems across projects
Inviting collaborators to a project
Managing permissions and roles
Using comments and annotations for feedback
Sharing designs and prototypes with stakeholders
Exporting and preparing files for developers
Exploring and installing Figma plugins
Using plugins for design automation
Using plugins for accessibility checks
Using plugins for content generation
Managing and updating installed plugins
🏆
LEVEL 5

Expert

Understanding user journey mapping
Designing for different user scenarios
Mastering smart animate
Utilizing overlays effectively
Implementing scrollable areas
Creating swipe gestures
Understanding component states
Implementing interactive components
Learning basic animation principles
Applying animation to UI elements
Understanding easing functions
Creating custom easing functions
Understanding property animation
Creating complex property animations
Understanding micro-interactions
Implementing feedback with micro-interactions

Skill Overview

  • Expert3 years experience
  • Micro-skills118
  • Roles requiring skill9

Sign up to prepare yourself or your team for a role that requires Figma.

LoginSign Up