Professions

Figma

Training and guidance for using Figma in DfE services.

Figma for beginners

Figma has a set of videos on YouTube to help you understand the basics of Figma and some of its features.

YouTube playlist

Get started

Figma and FigJam

Getting familiar with the design and whiteboarding tools.

Design basics

The basics of product design, mockups, and design ethics.

Working with Figma in DfE

The interaction designers at DfE give their top tips for getting started with Figma.

Core design features

Containers

• Groups vs frames
• Constraints
• Frames and pages
• Layout grids

Styles

• Styles and style tips
• Creating styles
• Typography systems
• CSS colour names

Auto layout

• Create dynamic designs with auto layout
• Auto layout YourTube playlist
• Figma auto layout playground

Prototyping

Interactions

• Interactions and animations
• Prototype actions
• Prototype triggers

Animations

• Smart animate
• Animating actions
• Easing curves

Presentation

• Preview a prototype
• Prototype devices
• Sharing your prototypes

Support

Where to get help and support with Figma if you need it.

DfE community channels

#figma or #design

For access and licences

#digital-tools-support