A curated list of automations for Jordan Singer’s popular Automator plugin.
The plugin allows you to create beautiful shadows by simply dragging a “light source,” which casts a shadow from selected elements. The shadow effect is achieved by layering and easing multiple drop-shadows to create a skeuomorphic shadow umbra and penumbra.
Generate a random confetti pattern on your canvas.
A new plugin by Framer. You can now copy layers in Figma and paste them directly into Framer to make your Figma projects interactive in just a few steps.
Really cool plugin (currently in beta) for turning frames into components. See a short video demo.
A new plugin by Gleb for turning vector lines into pixel art.
If you’ve ever used my tool Accessible Palette, one of its core features is support for Advanced Perceptual Contrast Algorithm (APCA) — a great alternative to a basic contrast algorithm in WCAG 2 and the current recommendation in WCAG 3 Draft. This plugin is a simple contrast checker using this algorithm and taking into account fonts size as well as background and foreground colors.
Warp your designs using Smudge, Twirl, Bulge, Pinch, Arc, Flag, and Free Transform tools. This premium plugin brings the typical warp tools known from other vector apps to Figma.
A lightweight plugin that converts high-fidelity mockups to loading or “skeleton” screens.
Rogie made a new plugin for playing a prototype while editing it. Because the plugin accesses the file id, it has to be installed locally. (I usually just open a prototype in a new app window while working on it.)
Ever wanted to play your prototypes while editing in @figmadesign? I made a little plugin for you! It's called "Prototype Preview", but it has to be installed as a local plugin (as it accesses the file id). Animation by @antimofm
— ˗ˏˋrogieˎˊ (@rogie) November 12, 2021
Here's the code for ya: https://t.co/8hXnuByi0W pic.twitter.com/FQx8F8UXEj
Ridd shows how he automated a repetitive part of his workflow with Automator.
Jordan Singer on why he is building Automator, a general purpose tool to automate Figma. Its private beta was all the rage last week — see a few creative ways to use it below.
Clara shows some of the plugins that already support keyboard parameters.
Plugin parameters are out of beta — open the quick action bar with Cmd-/ (Ctrl-/ on Windows), enter the plugin name, and select from a list of plugin-specific parameters or enter a custom value. Great way to speed up work with the keyboard.
Open-source Figma plugins for speeding up the workflow — great way to look inside and learn.
Jordan Singer shows some of the automations in his AI tool. Looks amazing, and you can join the waitlist at his website.
Here's a thread on some of the automations I've put together in Automator from @tricycleai ranging from simple to complex 👇 pic.twitter.com/NSUpMVwAmu
— Jordan Singer (@jsngr) October 23, 2021
Jan Six, Sr. Product Designer at GitHub, talks about creating a design tokens system in Figma. See also his plugin Design Tokens below.
”Warp your designs using Smudge, Twirl, Bulge, Pinch, Arc, and Free Transform tools. This plugin brings the typical warp tools known from other vector apps to Figma.“
Such a great idea and a useful plugin for optically scaling and distributing logos! Check out Cory Etzkorn’s video demo.