🧹 Quick tips for using Figma

• Download the Mac OS App, much easier to navigate and use.
• Save and create a playground files for yourself
• Access and save your company’s design systems

🖼 Topics to cover/learn

• [ ] Intro to: Layers, assets, frames 🥞
• [ ] Selecting and highlighting text 🔆
• [ ] Breaking fonts for formatting ⛓
• [ ] Copying components from the design system or assets 🕵️‍♂️
• [ ] Linking to URLs 🔗
• [ ] Components ✨
• [ ] Auto layout
• [ ] Spacing and alignment 〰
• [ ] Shortcuts bar ?
• [ ] Tags for status 🔺
• [ ] Exporting
• [ ] Sharing URLs and pages
• [ ] Playback concept mode
• [ ] Wireframing

✏️Writers hacks and shortcuts to chat through

Assets you’ll use most often as a writer

• Alerts
• CTAs
• Form fields
• Buttons
• Body copy
• H1, H2, H3, H4 and H5
• Footer and hint text

Shortcuts to learn

Navigation shortcuts

Cmd+\ = Show layers panels

Dbl Click x 2 = Select section

Shift + + = Zoom in

Cmd + Drag back on mouse = Zoom in

Shift + - = Zoom out

Cmd + Drag forward on mouse = Zoom out

Opt + ^ = Nudge component up

Opt + 1 ****= Open layers panel (sometimes this disappears!)

⌘ + ⇧ + K = Place an image / screen shot from Desktop

V = Move tool

Opt + Drag = Duplicate

c = comments

ℹ️ On a MacBook

⇧ = Shift

⌘ = Command

^ = Control

⌥ = Option

Text shortcuts

T = Type tool

Dbl Click + Cmd = Highlight text

Cmd ⌘ + I = Italics

Cmd ⌘ + B = Bold

Cmd ⌘ + U = Underline

Cmd ⌘ + C = Copy

Cmd ⌘ + V = Paste

Cmd ⌘ + K = Link

Opt + 8 = • bullet point!

Shift Option > = increase line spacing

Ctrl + shift + ? = Shortcuts game!

Figma shortcuts | All shortucts for Figma

Resources list courtesy of @mattmatize