Intro

Delete & Heal

Select elements with the same properties

Figma's Smart selection

Small and Big Nudge Amounts

Images as Styles

Arc tool

Add multiple fills

Copy and Paste Properties

Ignore auto layout

Figma's Built-in Calculator

Outro

Tip Number One Is To Use Components

Add an Image

Add Multiple Images at the Same

Copy Styles

Use Spell Check

Use Smart Animate To Create Beautiful Transitions

Use Auto Layout

An Auto Layout Frame

Auto Layout

Learn More about Our Full Ux Design Course

Intro

Scrubbing to Adjust Position

Performance Tip

Preview your prototype

Selecting things

Text & Color Tips

Create Multiple Components

Reversing Overrides

Regular Expressions in Figma

Bonus Tip

Introduction to moonlearning.io

Open Dev Mode Directly in VS Code

Shift+D to Toggle Dev Mode

Toggle Auto Layout ‘Auto’ with Cmd + X

Variable Scoping in Bulk

Quickly Create Variables with Shift + Enter

Alias Variables

Styles to Variables Converter quickly convert styles to variables

Boolean Variables Magic with Modes

Variant and Props Playground

Press R to Reset Prototypes

Shift + Space for In-File Preview

Applying Min and Max to Parent Frames

Hold and Slide to Lock All Layers

Alt + L to Collapse All, Enter to Select Children

Multiple Grids within a Single Grid Style

Prototyping Flow Links for Overview

Presentations with Scrollable Prototypes

Set Rules for Slot Components with Preferred Values

Cmd + Y to Clean Up

Copy as PNG Without Exporting

Use % for Line-Height

Variables or Styles Cheatsheet

More Tips and Tricks

Intro & how these Figma tips can speed up your workflow

Make changes in bulk

Free Figma templates

Find and replace

Placeholder logos

Figma Tips And Tricks

Top ten tips and tricks

Use the scale tool to avoid distortion

Easiest progress ring

Drag object outside of a frame while keeping them inside it

Swap position, Tidy up and organize the grid

Duplicate the last action

Preview a color with a eyedropper

Fix line height in seconds

Create sqauirecles with ease

Control reels and unsplash

More tricks with spacebar

Introduction to moonlearning.io

Responsive Figma grid with constraints

Press spacebar to ignore auto-layout

cmd + L to quick copy file links

Quick embed files and prototypes outside of Figma

Nudging objects, text, line-height, and color

Scrubbing fields

Copy as PNG without exporting

Component naming with pages and frames

Screenshot right into Figma

Copy editable SVG directly from the browser into Figma

Deep detach multiple instances

Right click for object hierarchy tree

Add properties to unions

Bulk sort and move styles quickly in the properties panel

Use descriptions for styles

Add _ for private styles

Save images as styles

Use color names

Quick "auto width" text with double click

Toggle between design & prototype with cmd+E

Set any frame as a thumbnail

Hide cursors of others

Use % as line-height

Before you go

Intro

A is for Auto Layout

B is for Blurs

C is for Components

D is for Design Tab

E is for Edit Mode

F is for Frames

G is for the Hotkey Ctrl/Cmd-G

H is for Hand Tool

I is for the Inspect Tab

J is for Joins

K is for the Hotkey Shift-Ctrl/Cmd-K

N is for the Hotkey Ctrl/Cmd-N

O is for the Hotkey O (Ellipse)

P is for Prototype

Q is for the Hotkey Ctrl/Cmd-Q

R is for Corner Radius

S is for Shadows

T is for Text

U is for Union Selection

V is for Variants

W is for the Hotkey Alt-W

X is for the Hotkey Ctrl/Cmd-X

Y is for the Hotkey Ctrl/Cmd-Alt-Y

Outro

Intro

Color style generate

Swap component

Copy paste styles

Resizing

Tidy-up

Renaming

Nudge

Auto layout

Auto layout Tip

Select vector

Intro

Simple Color Coding

Fill Container

Curve Tool

Rotations

Figma for Marketing

Webflow Previews

Nudge Settings

Button Padding

Conclusion