Style Quick Actions
Apply Text Styles, Color Styles, and Color Variables using Quick Actions
Plugin Preview
About this plugin
Style Quick Actions - Figma Plugin
Quick actions for applying styles to selected including Text, Fill, Stroke, Effect, and Grid. Works with local styles and published Team Library styles. Also works with Color Variables.
Local styles will always be available options, no management necessary. To learn how to access styles from other files, read 'Using Published Figma Team Library Styles' below.
Recommended Use
Quick Key Combos
To quickly select the commands from the quick actions input, type:
qfl
for Fillqsk
for Strokeqtx
for Textqgd
for Gridqef
for Effect
For example, to set a Fill quickly, type: ⌘/
> qfl
> pri-blu-1
to match 'primary-blue-fill-01'
Key Bindings
You can set custom keybindings on MacOS that will automatically open one of the style fills. This is probably possible on Windows too, but I don't know the details.
- Navigate to: System Preferences > Keyboard > Shortcuts > App Shortcuts > click "+"
- Select Application: "Figma.app" and set shortcut for plugin commands by pasting in the "Menu Title" in this format:
Plugins->Plugin Name->Plugin Command
I prefer to set the actions for setting Fill, Stroke, and Text to:
⌃F
- Fill -Plugins->Style Quick Actions->Fill
⌃S
- Stroke -Plugins->Style Quick Actions->Stroke
⌃T
- Text -Plugins->Style Quick Actions->Text
Using Published Figma Team Library Styles
To use Team Library Styles in another file
- Publish your file as a Figma 'Team Library'
- Publish your file by running 'Style Quick Actions > Publish Library Styles'
- In the another file, run 'Style Quick Actions > Toggle Library Styles' and select the library
- The Styles will now be available in the Fill, Stroke, Text, Effect, and Grid Style selectors
You will have to update Published Styles every time the Team Library Styles are updated.
- Update Published Styles by running 'Style Quick Actions > Publish Library Styles' again.
Delete styles by running 'Style Quick Actions > Remove Library Styles'
Caveats:
- Library Styles are saved in this plugin based on their source file name. If that file name changes, the plugin will treat it as a new Published Library Style. If you change the a source file name, delete the old one and re-publish.
- There is a max memory limit of 1MB for each plugin. This means there is a limited number of styles you can publish via this plugin. There is a percentage % next to the Published Style name that displays how much of the total memory each Library takes up.
- You can't Toggle Published Styles in their own source library. Those styles are always available locally.
Plugin Details
Version | 4 |
---|---|
Created | April 9, 2023 |
Last Updated | February 5, 2025 |
Category | editing & effects plugins |
Creator | James Bradford |
Stats | 210 installs, 36 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- main:dist/main.js
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the editing & effects plugins category.