Features: Shortcuts

FigJam tip: fun with stickies

“Learn some FigJam shortcuts, bring FigJam stickies into Figma, change the colors, copy-paste stickies as action items in Asana or a list in text-based applications.”

Create new files in Figma and FigJam

Figma set up figma.new and figjam.new domains as shortcuts for creating new files.

#FigmaTip:

type in https://t.co/3RpjqeiyAf to create a Design file.
type in https://t.co/juHYiR1glm to create a FigJam file.
— ˗ˏˋrogieˎˊ (@rogie) May 25, 2021

Issue #41
Jun 6, 2021
#Shortcuts

Frame shortkeys

“Convert selections to a frame, break apart frames, and show frame outlines in Figma.”

Issue #41
Jun 6, 2021
#Shortcuts

A few things I wish I had known earlier on for working in Figma

Joey Banks shares a few helpful shortcuts and tips.

A few things I wish I had known earlier on for working in @figmadesign—I hope one or more of these can be helpful to someone out there! 🙏

1) Hold ⌘ + drag a frame to resize it to ignore any of the constraints set for the items inside. ↔️
— Joey Banks (@joeyabanks) May 12, 2021

Custom keyboard shortcuts for plugins

Using System Preferences on Mac to create custom keyboard shortcuts for your favorite plugins.

🔥 @figmadesign tip — on a Mac you can set custom Keyboard shortcuts for your fav Figma Plugins!

Under System preferences > Keyboard > Shortcuts > App Shortcuts; add Figma and the name of the plugin (as it appears in the menu bar), and whatever shortcut you want.🥳 #FigmaTip pic.twitter.com/xurtBIQtmg
— Dave Williames (@DavidWilliames) September 4, 2019

Issue #40
May 23, 2021
#Plugins
#Shortcuts

Batch create Figma styles

“Using keyboard shortcuts and the Styler plugin, you can convert your Figma swatches and type hierarchies into styles in a flash.”

Issue #40
May 23, 2021
#Plugins
#Shortcuts

Double-clicking on the edge of a text box

Joey Banks on a shortcut to set a text block resizing mode.

Many of us may already know this shortcut, but just wanted to share in case it's helpful for any designer who's newer to @figmadesign! Double clicking on the edge of a text box will quickly allow you to set its size to be Auto Width, saving you a few seconds of work each time. ↔️ pic.twitter.com/PBUN8oLySE
— Joey Banks (@joeyabanks) May 4, 2021

You should always name your layers

Cmd‑R is one of the most underrated shortcuts.

You should always name your layers and use this @figmadesign shortcut to help out. Learn along with #professorfigma pic.twitter.com/khDUNvd3ww
— miggi from figgi (@miggi) May 2, 2021

Issue #39
May 9, 2021
#Shortcuts

Keyboard Shortcut Annotation

Annotate your mockups with a nice-looking keyboard shortcut illustration. It’s super easy to customize and includes all the most common special character keys.

Issue #39
May 9, 2021
#Shortcuts

Figma tips: Navigating Frames and Pages in Figma Design

“Quickly master your documents pages and frames using simple shortcut keyboard actions.”

List of objects beneath your cursor

A good tip from Miguel – Command-Click on an object to show a list of all layers below.

Here is a micro #FigmaTip for your hump-day! Easily select something in @figmadesign by holding ⌘ (Mac) or Ctrl (Win) when you right-click. This will pull up a list of objects directly beneath your cursor.

This is where naming your layers pays back dividends! 😊 pic.twitter.com/t4RNeGW9w7
— miggi from figgi (@miggi) February 10, 2021

Hide left sidebar

Command-\ hides all UI, while Command-Shift-\ hides only the left sidebar.

Need more real estate *and* the design panel in @figmadesign?

cmd+shift+\ to hide left sidebar!#figmatip pic.twitter.com/aWeBq1Bq0o
— Anthony DiSpezio (@adispezio) February 11, 2021

Issue #33
Feb 19, 2021
#Shortcuts

Short keys to help master placing images in your designs

⌘+⇧+K to place an image, ⌘+⇧+C/V to copy/paste it from/to an object.

Happy Friday! Here is a #FigmaTip showcasing some short keys to help master placing images in your @figmadesign designs.

⌘ + ⇧ + K to load and place images
⌘ + ⌥ + C to copy an img style from an object
⌘ + ⌥ + V to paste an img style to an objecthttps://t.co/VN7ZPDibzX pic.twitter.com/KrPEtlL7qc
— miggi from figgi (@miggi) January 22, 2021

Hiding only Layers panel

Miguel Cardona with a good tip: use Cmd-Shift-\ to hide the Layers panel, and Cmd-\ to hide both panels when sharing a screen.

Figma @figmadesign Protip... If you ever want to hide just your layers but keep the properties panel on the right when screen sharing (cuz layers be looking rough sometimes)... just hide only them `Command + Shift + \`

(You can also hide everything with `Command + \`) pic.twitter.com/MMggw86d0A
— miggi from figgi (@miggi) December 3, 2020

10 Tips to Work 10x Faster in Figma

Carola Pescio Canale, Product Designer at Dropbox, shares a short list of her favorite tips and shortcuts to speed up Figma workflow.

Keyboard Stickers with Figma Shortcuts

Great help if you’ve been trying to memorize the shortcuts.

Issue #23
Sep 20, 2020
#Shortcuts

How to add “native” Find functionality to Figma

Joel Califa suggests assigning a system shortcut to the Find & Replace plugin.

Figma tip:

1. Install the Find & Replace plugin: https://t.co/pRNsFbm8ag

2. Go to your mac's System Preferences > Keyboard > Shortcuts and make ⌘F trigger it.

3. You now have "native" Find functionality on @figmadesign 🔍✨ pic.twitter.com/R3aJz6AFaz
— Joel Califa (@notdetails) August 15, 2020

Using Elgato StreamDeck with Figma

Seems like a cool device to speed up work. (Or you can learn shortcuts for free.)

A few weeks ago I ordered an @elgatogaming #StreamDeck to help me be more productive as an agency co-founder and designer. My findings so far:

TL;DR it's helped me both speed up my design workflow in @figmadesign as well as made KM macro's more top-of-mind pic.twitter.com/rSxQgGRU3S
— Leon Ephraïm (@leonephraim) July 29, 2020

Issue #20
Aug 9, 2020
#Shortcuts

Cmd/Ctrl + right-click the object to show child/parent objects

Rogie shares a good tip on navigating nested layers.

Tired of clicking into nested layers in @figmadesign & don't know how many layers deep you have to go to get to the thing?

Cmd/Ctrl + Right Click the object and out whips this friendly little menu that shows child/parent objects. Ditch that layer panel like a boss.#figmatips pic.twitter.com/fU0T26leL7
— ˗ˏˋrogieˎˊ (@rogie) July 27, 2020

Option/Alt + L to collapse all groups and frames in the Layers panel

Gleb Sabirzyanov on how not to lose your head while navigating layers.

Figma shortcut of the day: Alt/Option + L will collapse all groups & frames in the layers panel! ✨

When there are so many objects that you start losing your head while navigating the layers — Alt + L (win) or Option + L (mac) is your savior! @figmadesign #FigmaTip pic.twitter.com/8KGeka1E9r
— Gleb Sabirzyanov (@gleb_sexy) July 29, 2020

#Shortcuts