Lauri makes a strong case for introducing responsiveness to the prototype mode. Luis hints that something is cooking, and we’ll hear more at Config 2024.
On April 1st, Figma makes URLs shorter and easier to read. If you call Figma’s REST APIs, embed files in your websites or apps, or use these URLs in your plugin or widget, you may need to make a few tweaks to your code.
Now you can use the power of AI to generate and expand mindmaps and create visual timelines in FigJam. See examples in the gallery of ready-made FigJam AI prompts.
The new Dev Mode plugin for instantly generating React components from selected nodes. See how it works and why Vijay made it in the Twitter thread.
Free plugin for generating linear, radial, and conic gradients interpolated in a variety of color spaces, yielding richer, more brilliant gradients. Live updating so you can easily view and tweak the results.
Designer Advocate Mal reminds us that it’s crucial to consider the discoverability of components when building a set and points to a new feature of the Assets library that shows a number of component variants and a playground for exploring them.
I often rely on the Spread value in shadows but forget why it is disabled. Handy reminder from Ilya Miskov.
“Over the next few weeks, we are replacing the bottom right notification button for library updates and replacing with a new library icon for faster entry to library management.”
Use the scroll wheel on your mouse to zoom in and out. Right-click and drag to pan around a file.
Christine makes a point that we can move beyond the rigid structure of fixed responsive breakpoints with modern CSS layouts, crafting flexible and dynamic designs that seamlessly adjust to different screen sizes. In this article, she covers responsive column-based design vs. modern CSS layout, CSS Flexbox and Grids, and questions if we still need breakpoints.
Ridd runs a free advanced prototyping crash course on March 29th.
Christine Vallaure doesn’t like to rely on plugins too much, but in this article, she shares “some little helpers that I wouldn’t want to do without.” Some are time-tested tools, but others were completely new to me.
An update to file search — now you can filter results by owner, type, or organization/team/project.
An update to search! Now you can filter file results by:
— Figma (@figma) March 12, 2024
→ owner
→ file type
→ organization, team or folder pic.twitter.com/rxo0ltTZTE
There were hints about split tabs for a while, and now they’re available in the beta version of the desktop app. Luis highlights some of the use cases in this thread, including keeping a prototype on the side, managing variables, iterating on designs at different zoom levels, updating local components, and many more.
Split tabs, now in the Figma Desktop Beta app ❖
— luis. (@disco_lu) March 12, 2024
Download it and let us know your thoughts!https://t.co/UGF11cLLjw pic.twitter.com/RNbg1ieCvz
This plugin re-imagines local variables export, offering a beautifully formatted JSON output. Supports selecting a color format (hex, RGB, HSL, or CSS-friendly formats), including an alpha channel, flexible collection selection, intelligent grouping, customizable naming convention, and more. See a quick demo on Twitter.
Turns any image into a cool line pattern — an alternative to the Emboss lines plugin.
An important update to the plugin I featured just a couple of weeks ago — now you can curve your text along any path you draw!
Lauren Andres shows how Dev Mode, although built for developers, can also be a game-changer for designers and help drive organizational alignment, consistent product quality, and team efficiency.
Last week, we discussed exports; now it’s time to examine imports! This short tutorial shows how to import files into the file browser or add assets directly to a design file.
Mark recorded an unscripted tutorial on creating a beautiful animated Aurora effect with the Noise & Texture plugin.
Unscripted tut for the Aurora for you. I will make a better one for YT later on but its a mini tut for those who are asking. pic.twitter.com/GXtNOkoCg2
— Mark @ designloom (@designloomco) January 11, 2024