Quick Commands

Powerful extension for Quick Actions Bar. Keep your hands on the keyboard.

quick actionsgeekcsscommandskeyboardcodeshortcutscode-generators

Plugin Preview

Quick Commands is a plugin live in Figma quick actions bar, enter one or more commands and it will do the actions for you.

Optimize your design process with keyboard and minimal cursor movement.

Set a shortcut for Quick Commands Plugin (Find the guide in the playground file. My keyboard is HHKB and I set the shortcut to Control + Q).
Select some frame or rectangle layers and open the plugin, you will get an input bar.
Type a command like “w80” and press “Enter” key, layers width will be set to 80px.
Reopen the plugin and type more commands like “f#1 b#2db bb10 rt8 rb0”, these 5 commands will be executed in turn. Layers fill color will be set to #111111, the stroke color will be set to #22DDBB (to do this, you can also replace "b#" in the command with "st#”), the border bottom width will be set to 10px, the top corners radius will be set to 8px and the bottom corners radius will be set to 0.
Every time a command is run, it is saved to the history list, next time you open the plugin, you will see the history list. So you can just select some other layers and redo the previous commands in a quick way.
Find more commands in the list of commands below, some command need to input a value, some commands not accept a value. Feel free to try every command in the plugin, if you enter an invalid command I will return an error message before the command runs.

The commands are inspired by atomic CSS and designed for simplicity. Type letters in the plugin to discover related commands

Click this link to open the commands list

https://figmaplugin.com/quick-commands/commands-list

This plugin is currently in beta and some commands may be modified in the future.

Discord: https://discord.gg/ZsdnDhhTH8