Fascinating comments from Sho Kuwamoto, Figma’s VP of Product, on how plugins are implemented. Each plugin runs in a security sandbox — “We actually took a JavaScript VM, compiled it down to WebAssembly, and then we run that VM inside of the browser. So it’s a completely separate engine than the native JS engine. For security reasons, we don’t want two scripts running inside that VM, because then the two scripts could potentially have access to each other. And we don’t want to run two instances of this VM, for memory reasons.” 🤯
The reason we don't let you run two plugins at a time is performance + security.
— Sho Kuwamoto (@skuwamoto) May 3, 2023
Each plugin runs in a security sandbox that works in a kind of crazy way.
Great examples of automating grunt work with the Automator plugin.
Follow up to last week's tweet about @Figma / @diagram automations. Here are 6 I use regularly:
— Greg Huntoon (@GregHuntoon) May 3, 2023
1. Set component property
2. Replace selected text
3. Reverse layer order
4. & 5. Add/remove auto layout to selected frames
6. Count selected objects
Alright, let's break them down... https://t.co/hVWMMNpxdG pic.twitter.com/wWI3eKlol2
I mentioned the FigGPT plugin in the last issue, and now Edward Chechique wrote a detailed walkthrough of using this plugin. It requires an OpenAI API key but then provides direct access to ChatGPT prompts and tools for UX writing directly from the Figma document.
Denislav Jeliazkov tested more than 500 plugins and collected a list of 102 that he keeps coming back to.
A new plugin from Angelo Libero, creator of Supa Palette: “The ultimate tool for creating stunning snapshots instantly within Figma. Simply select one or more layers, and watch as the plugin quickly generates a high-quality snapshot.”
A demo of a really smart FigJam widget that lets you collect data onto the canvas, fine-tune a model, and keep that tuned model directly on the canvas to generate new images: “With a few simple API endpoints (/train, /status, /imagine), I made a multiplayer-enabled (!) canvas that had live-trained ML models living in it. Many people can come together and try out the model, you can alt-drag trained models to try out explorations without losing your history, you can mark it up with pencil drawings and stickies and do anything else you’ve gotten used to in FigJam and Figma.”
Speaking of sections in Figma, here is a plugin for you: “Wrap a new section around layers you’ve selected, or adjust the size of an existing section. Customize the spacing around selected layers, change the color of the section, and add additional titles and subtitles.”
From the author of the new EightShapes Specs documentation plugin: “This post describes how the plugin works, what it outputs, how teams adjust and style based on their preferences, and a bit of the background of how I got here. As you read, keep in mind: the plugin is great for specs but also proved unexpectedly useful for designers to audit in-progress Figma work for quality and completeness and critique their component with teammates.”
A preview of a new Figma plugin that offers Paper-like paint mixing. That demo brought so many memories! Paper used to be my go-to drawing app on the iPad a decade ago. Love to see some of its smart UI elements getting a second life as Figma plugins.
Colorwell is a new Figma plugin that offers you Paper-like paint mixing. Use and store a 5 color palette for mixing. You can also drag an image in to sample a palette from.
— Dustin Mierau (@dmierau) February 3, 2023
Mixing uses a Kubelka-Munk model to mix colors in a way that’s similar to mixing paint. 🙂
Coming soon! pic.twitter.com/aP1kwsjOzH
If introducing Genius wasn’t enough, here is another upcoming AI tool for creating editable UI designs from a simple text description. As Vitaly Friedman rightfully put, “It’s about time to get used to websites looking exactly the same everywhere.”
Jordan Singer and the Diagram team share the preview of Genius, their new tool for generating user interfaces with AI. “It understands what you’re designing and makes suggestions that autocomplete your design using components from your design system. It’s important to explore lots of ideas and iterate in the design process, and Genius ideates and iterates alongside you as you design.”
Thalion played with Figma to Webflow plugin and came up with the video tutorial and a summary of what you can do with it.
Sara Brunettini shows how AI-powered Figma plugins can be used to streamline your workflow and make the design process a breeze. “Imagine AI assisting with repetitive tasks like naming layers, designing light/dark modes or even generating micro-copy for you. And the best part is these plugins integrate seamlessly with Figma.”
“A magical AI-powered design tool for Figma” is now available to the public with a 7‑day trial.
🪄 We're finally ready to release the public beta for Magician, a magical AI-powered design tool for Figma.
— Diagram (@diagram) January 24, 2023
Try for free → https://t.co/qtxyyKmhyF pic.twitter.com/41Ze81YHq2
Rogie’s plugin for generating tiling noise and textures for fills and strokes is finally out of beta and publicly available. It’s essential for any illustration or art work. Check out a video walkthrough and upvote it on ProductHunt.
An interview with Jordan Singer from Diagram, who built Magician and participated in the text review API beta, exploring what this API enables and sharing tips on navigating the “untapped intersection of product design and AI.”
I shared Magician before, but in Jordan’s own words it’s “a design tool for Figma made by Diagram that introduces AI into designer workflows to expand your creativity and imagination as you design. It’s a magical utility that works alongside you to help ideate and inspire you with new ideas, whether it’s generating never-before-seen icons, imagery to use in your designs, or help with writer’s block.”
A new product by Jordan Singer and Diagram, who you might remember from Automator and Prototyper. Magician is a Figma plugin that lets you design with the power of AI to do everything from copywriting to generating unique icons from the text. Currently in beta with three available “magic spells” for creating icons, writing copy, and generating images.
Early beta of a new plugin for exporting Figma animations into a GIF.
Export Smart Animations to GIF in Figma 🔥
— Michael Yagudaev 🧑🏻💻🇨🇦 (@yagudaev) November 9, 2022
Love to hear your feedback 💜 👇 pic.twitter.com/iKr79EamiD
Vijay keeps teasing Rogie’s new plugin Noise & Texture. You’ll notice that it’s currently in beta and requires a code to unlock, but if you look closely at this thread you may find one.
Last night, when I was bored in a meeting 😌, I made some noise in @figma using the NT plugin @rogie. With this pluign we can create cool metal, wood, and many other texture by simply combining with layer mode. Shared some tips below 🧶 pic.twitter.com/CGEw0ACebE
— vijay verma •ᴗ• (@realvjy) November 8, 2022
Create multiple customized variations using components or color palettes.