Quick Commands

About this plugin

Powerful extension for Quick Actions Bar

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.

🪁 Try it out

1. 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).
2. Select some frame or rectangle layers and open the plugin, you will get an input bar.
3. Type a command like “w80” and press “Enter” key, layers width will be set to 80px.
4. 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.
5. 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.
6. 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.

🎱 Commands List

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.

🍿 Custom Commands Alias

If you want to set your favorite shortcut for a command, you can go to the plugin settings and use the Custom Aliases function to set your favorite alias for each command.

The plugin settings entry is located in the results list in the Quick Action Bar. Open the plug-in and you will find it at the end of the results list

* Custom alias data is stored in the Figma client. You can use export and import custom configurations to manually synchronize modifications on different devices.

🌲 Tips

1. Fuzzy search

Forgot a command shortcut key? Just enter keywords from the command name, and you might find it!

2. History

The recent 7 command execution history will be recorded. If you want to reuse the last command, just press Enter after opening the plugin to quickly repeat the operation.

Feedback

Discord: https://discord.gg/ZsdnDhhTH8

Changelog

1. V0.2.1 (Beta) 2025.07.12 - Modified the width and height setting commands for layers in an auto layout frame. The new commands are: width fill(wf), width fixed(wfx), width hug(wh), height fill(hf), height fixed(hfx), height hug(hh)
2. V0.2 (Beta) 2025.07.10 - Big update! Now supports fuzzy search and custom command aliases
3. V0.1.1(Beta) 2022.12.13 - Add commands: content box, border box
4. V0.1 (Beta) 2022.12.08