Quick Commands
Powerful extension for Quick Actions Bar. Keep your hands on the keyboard.
Plugin Preview
About this plugin
Powerful extension for Quick Actions BarQuick 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 outSet 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.🎱 Commands ListThe commands are inspired by atomic CSS and designed for simplicity. Type letters in the plugin to discover related commandsClick this link to open the commands listhttps://figmaplugin.com/quick-commands/commands-listThis plugin is currently in beta and some commands may be modified in the future.🍿 Custom Commands AliasIf 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.🌲 Tips1. Fuzzy searchForgot a command shortcut key? Just enter keywords from the command name, and you might find it!2. HistoryThe 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.FeedbackDiscord: https://discord.gg/ZsdnDhhTH8ChangelogV0.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)V0.2 (Beta) 2025.07.10 - Big update! Now supports fuzzy search and custom command aliasesV0.1.1(Beta) 2022.12.13 - Add commands: content box, border boxV0.1 (Beta) 2022.12.08
Plugin Details
| Version | 4 |
|---|---|
| Created | February 24, 2022 |
| Last Updated | July 11, 2025 |
| Category | Software development |
| Creator | Tank |
| Stats | 354 installs, 68 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://tankxu.notion.site
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.