Tweets

Creating a softer gradient

Oğuz Yağız Kara shows how setting the color of the transparent gradient stop helps make it softer.

The top 5 features Figma may announce at Config

Socrates Charisis shared a plausible-sounding list of his Config predictions.

Memory usage banners and tooling

Designer Advocate Mal shows how to use the new memory control features: ​“To keep you informed of your memory usage, and any potential issues that may arise, we’ve adjusted our memory banners and alerts to live in the sidebar along with your pages and layers. We’ve also introduced a Memory use tool to surface memory consumed in your files by Page Content and Imported Components as well as the ability to show memory usage in the layers panel for all layers.”

Cool FigJam plugins

Mal with a quick demo of Shaper, Magic Marker, and A Selector plugins.

Molly’s top 5 pro tips

Molly Hellmuth shares her favorite tips from the ​“Figma like the Pro’s” series — editing Auto Layout directly on the frame, using Constraints with Grids, deleting and healing vectors, using Auto Layout as an organizing tool, and copying links to specific pages, frames, or sections.

FigJam previews in Notion

Now dropping your FigJam files into Notion pages works even better.

Perform mixed math in vector edit mode

“When you have multiple vertices selected in vector edit mode, you can now type Mixed + [value] into the X or Y input box to add the same value to each vertex.”

10+ new features and integrations in FigJam

A big update to FigJam — custom templates for your team, stamp your teammates’ faces to files and tag them with @mentions, emoji picker opens by typing a colon (“:”), custom color palettes (coming soon), UserTesting and Great Question integrations, Productboard widget, and new tunes! Also, explore new world-class teams’ templates and see a thread by Cai on the Figma design team’s rituals and templates they use in daily work.

How plugins work

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.” 🤯

Automator use cases

Great examples of automating grunt work with the Automator plugin.

Nudge, Zoom, and Slice tool

Molly with 3 good tips. I have to admit that Slice is the dustiest tool in my toolbar.

10 Figma hacks that designers need to know

Great list of Figma tips from the ADPList.

Mirrored components

A simple but fun technique for creating cool animations with mirrored components.

Liquid mesh gradients

Cool technique from Nitish Khagwal for creating animated liquid mesh gradients.

A glowing glass effect

Fons Mans is back with a new tutorial on how to create a glowing glass effect in Figma.

Ignore Auto Layout when dragging

Hold the Spacebar when moving an object to ignore Auto Layout.

Double-clicking layer icons

MDS with a great shortcut of double-clicking on a layer icon to zoom into selection.

Color-coding components

A good tip from Jan Toman on color-coding different types of components inside a Figma library, which allows everyone to identify the component’s source and set the right expectations from these components.

Debugging & refactoring a variant component

On a similar note, this thread by Luis is a great walkthrough of debugging, reducing complexity, and refactoring a tricky variant component. The core part of his approach is slicing everything up into composable parts.

The designer advocates team

Regardless of going to the in-person Config this summer, this is a great intro of the international designer advocate team. Here is the full list for you to follow — Lauren Andres, Hugo Raymond, Hiroki Tani, Julia Kestner, Mallory Dean, Corey Lee, Alexia Danton, and Sebastian Metel.

Features

Topics

Products

Design Tools

Figmalion

Issues:
213
Links:
3,832