Each item in the current selection becomes an instance of the named component at the same position
Generates a style guide using your local styles
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.
Flips color styles containing "Light" and "Dark" https://twitter.com/jsngr/status/1481014510437736457
Spec out the spacing (columns) of an auto-layout. See it in action: https://twitter.com/abeyang/status/1478860588713349120
this automation groups your main components together automatically for you https://twitter.com/jsngr/status/1483469784461283329
Takes all color styles and creates the style guide with different color space information like HEX, HSL, CMYK, and RGB.
Loop over selected Frames, outputting scaled components at a 1:1 size defined from user input. Great for processing large icon batches. Optional User-defined batch component description. I normally use this to drop the icon library name. *Icons in the demo image are examples created from rebellenoire's icon library https://teenyicons.com/
Export all selected color styles in the local library into created color chips with named labels and HEX codes.
Replaces selected component(s) by an instance, reparents these, then moves the components to a dedicated page (default to "Components")
Inspired from the automation from Jono Young, this automation creates a file structure with the following pages: 1. Cover with library instance 2. Discovery 3. Wireframe 4. Visual design - mobile 5. Visual design - desktop 6. Prototype - mobile 7. Prototype - desktop 8. Idea icebox 9. Rejected
It takes your parent, grand parent, and even grand^2 parent layer names and set a new layer name with them.
A quick way to add a sticky note below your selected frame.
Creates a custom grid off of the selected items, based on user-submitted values.
Sets a layer's name to the name of its child