Creates a frame with the weather forecast based on latitude and longitude variables

lil weather

Jordan Singer

A quick way to add a sticky note below your selected frame.

Annotate

Taylor Hunt

Creates a custom grid off of the selected items, based on user-submitted values.

Grid Maker

Bred

Sets a layer's name to the name of its child

Set Layer Name As Child's Name

It takes selected text layers and replaces its content with random number 0-99 and entered suffix (optional).

Replace text with random number & suffix

usrnk1

Renames selected text layers containing #hex values to the closest color name from thecolorapi.com/

Rename Hex to Color

James Clements

Turn your text layer hex codes to rectangular colour swatches, and use other community automations to convert them into styles ;)

#hex to colors

Harshit Beniwal

Replace all selected text with a new one.

Text bulk edit

Hugo

Creates Color Styles from a provided Tailwind (or any other custom) JSON string

Generate Color Styles from Tailwind Color JSON

Edgaras

This Automation allows you to read design tokens stored on a document with the Figma Tokens plugin and creates living documentation layers for you. It takes a template layer as a selection, asks you which token set and what token groups you'd like to use. It then creates layers based on this template layer, sets token data in the sharedPluginData space so the Figma Tokens plugin can later on pick those up again.

Create template layers that match any token property with two underscores so the plugin will pick it up:

__fill
__value
__tokenName
__tokenValue

And basically any other property that Figma Tokens supports.

For example, if you have "global", "light", "dark" token sets defined in Figma Tokens and you'd want to create a documentation for the "light" set for every token name that starts with "colors", you'd input "light" followed by "colors", have the template layer selected and then run the automation.

Create Documentation for Figma Tokens

Jan Six

Force Figma to automatically refresh the current file thumbnail.

Refresh Thumbnails

Steven Houessou-Adin

A simple automation to delete every page in your file

Delete All Pages

A simple automation to put each selected layers inside a frame.

Frame each selection

Creating a Color Style automatically from a frame. 
1. Create a frame with your color 
2. Name your frame by first letter of the category + #  (Example: Brand:B, #:1 = B1) 
3. Use ‘Create ColorStyle Plugin’  
4. Select the desired color frames 
5. Insert in the prompt your category (brand,utility,ect.)  

You will get a renamed layer with category name / color name & a color style inside of a category.


This method works only with the same category names for now

Create Color Category & Color style 

Victoria Romijn

Apply the same image border style as FigJam to objects.

FigJam Image Border

Jeffrey Chiang

Add Microsoft Fluent 3D Emoji to your design, 3d emojis are taken from https://github.com/JustJordanT/Windows_11_Emjois

Microsoft Fluent 3D Emoji

Sonny Lazuardi

Change selected layer dimension to fill the parent width and height.

Fill Parent

Jakub Kohout

Finds and selects all layers with the name you added in the prompt

Find all layers by name

Sorin Jurcut

Keep out to select layers and around the border as you like styles.

Keep out

Hiroki Tani

Detach all instances on a selection even if are nested in frames, groups or other instances.

Detach All Instances

Eduardo Higareda

Gets all the items selected and compares each item with your Color Styles and if it finds a match, it would replace the Fill color with the correct style.

If it doesn't find a match, it would add a fill to later fix the items with missing styles.

Works with groups, frames, and stand-alone items.

Replace Fill Colors for Color Styles

Detach all instances, even nested ones, from a selected frame.

Deep detach

Neil Shankar

Adds an iPhone 13 Pro device to your design with export settings for presentation needs. 

This automation will require local instances of the iPhone 13 Pro.

Please refer to the Figma community file here for a demo: 
https://www.figma.com/community/file/1074976866230423375/Export-with-Device---Automator-(Community)

Export with Device

George Otsubo

This automation duplicates your frame and detaches all instances (20 nested layers deep) to freeze it in time. The frame is then renamed with the date/time of the command and the user who initiated it.

Archive Screen

Chris Hartley

Add a suffix text to selected text fields.

Suffix Text

Ivo Herrmann

Add a prefix text to selected text fields.

Prefix Text

This automation will place your selected layer in a grid (you can set the size!) and randomly rotate the tiles.

Create randomized pattern

Maarten Corpel

1️⃣ Generate a color swatch from selection of colors
2️⃣ Update existing colors.
3️⃣ Easily create your own colors and update, to see the HSB values across the board.
4️⃣ Mix and match with Jordan's "Generate style guide" to create your swatches from your local styles.

See this all in action: https://twitter.com/abeyang/status/1491463280442818560

Generate Color Swatch - HSB + Hex

Abe Yang

Test your UI in any languages automatically.
Select all text layers you want to translate then run the language tester script and enter a country code  (https://www.deepl.com/fr/docs-api/translating-text/request/)
Based on DeepL API, you will need a free account and replace "YOUR_AUTH_KEY" by your own key. If you have a pro account, just modify the URL in the script.

Language Tester

Alexandre Broudin

Automatically create a series of pages and set the Cover / Thumbnail from a Library Component.

Watch the YouTube tutorial for step-by-step instructions: https://bit.ly/34ocYTm

New File Setup

Jono Young

Automatically create a series of spirals scaled to the golden ratio. Download the demo Figma Community file here: https://bit.ly/3LloMGT

Golden Ratio Spiral

Automatically create a series of squares scaled to the golden ratio. Useful for early-stage ideation and logo design where you need to make quick decisions about spacing and scale.

Golden Ratio Squares

Automatically create a series of circles scaled to the golden ratio. Useful for early-stage ideation and logo design where you need to make quick decisions about spacing and scale.

Golden Ratio Circles

Renames selected layers with set effect style names. Effect styles are required for automation to work.

Batch rename layer with effect style name

Andrew Ciobanasiu

Renames selected layers with set fill style names. Fill styles are required for automation to work. 

Batch rename layer with fill style name

Renames all selected text layers to their applied text style. Requires text style to be set on text layers. 

Batch rename text layer with text style name

Takes all color styles and creates the style guide with different color space information like HEX, HSL, CMYK, and RGB.

Generate Color Swatches

Calculates and displays the selected node's aspect ratio.

Get Aspect Ratio

Converts selected text to the corresponding icon from Icons8

Text to Icon

This automation quickly creates and sets a file's thumbnail, which is complete with both a title and a team or project text layer. Each are placed within a visible container, which guarantees the content will be seen no matter the size of the Figma window.

Create & Set File Thumbnail

Joey Banks

Create functional styles from existing color styles. Style names based on frame name and parent frame name.

Color Styles from Fill Styles

James Lyons

Flips text styles containing "iOS" and "Android"

iOS ↔ Android Text

Spec out the spacing (columns) of an auto-layout.

See it in action: https://twitter.com/abeyang/status/1478860588713349120

Redline auto-layout of instance

Draw out the redlines of the width and height of a selected instance.

See it in action: https://twitter.com/abeyang/status/1478860588713349120

Redline dimensions of an instance

The proper way of using .base components is to let it drive a separate variant component*. It usually requires 5 steps; this automation turns it into just one. 💪

* See Ridd's tweet thread for details:  https://twitter.com/Ridderingand/status/1487470624318509056

Convert to .base and variant components

Turn your currently selected text layers into stickies in FigJam

Text to stickies

Diagram

Time Machine saves and organizes work that you want to look back on. You'll no longer need to manually copy a version of what you're working on to a new page to reference for later.

Any time you want to save a version, just make a selection and activate Time Machine. It'll send a copy of your selection to a page called "Time Machine" that keeps a chronological timeline of what you've saved.

Your work is organized by date and time, so you can compare side by side as your work evolves.

Time Machine

Select all text

Unsplash

Confetti

Generates a style guide using your local styles

Generate style guide

Finds matching text layers on the current page and replaces them

Find and replace text

Scale by number

Test out a mobile screen design on min/max screen size for edge cases.

Screen Size Tester

Keith Vaz

This automation gets all the icons in a selection and organises them within a grid of 10 icons wide and X icons tall.

Icon Grid Sorter

it does some randomization with placement/sizing/colors of shapes. it uses your local color styles to randomize colors

https://twitter.com/withdiagram/status/1483573494684258307

🔮 Generative art

this automation groups your main components together automatically for you

https://twitter.com/jsngr/status/1483469784461283329

Layout components

Flips color styles containing "Light" and "Dark"

https://twitter.com/jsngr/status/1481014510437736457

Light ↔ Dark Mode

In this guide, we’ll walk through importing from an Airtable base into Figma using the Airtable API and the “Fetch URL” Automator action.

lil weather

Jordan Singer

API

Subscribe to weekly automations

Explore

API

Art

Design Systems

FigJam

Icons

Illustrations

Other

Productivity

Styles

Typography

Productivity

Annotate

Productivity

Grid Maker

Productivity

Set Layer Name As Child's Name

Productivity

Replace text with random number & suffix

Design Systems

Rename Hex to Color

Productivity

#hex to colors

Typography

Text bulk edit

Styles

Generate Color Styles from Tailwind Color JSON

Automator for Figma