#Features

Jitter

Import your Figma projects to Jitter, add animations easily, and export as a video or GIF. Check out this quick demo to see how it works.

Variable Fonts

Toni Gemayel built a plugin providing basic support for variable fonts. While not a replacement for missing native support, it lets you render variable fonts as graphics and then update them in the future.

Placing objects over Auto Layout frames

“How to move and place elements and objects over Auto layout elements and frames without placing inside of them. Spoiler alert: hold space bar while dragging them.”
Placing objects over Auto layout frames

Styler

Styler is a plugin for Figma that generates styles based on selected layers. See the ​“Batch create Figma styles“ video above for a quick demo from Figma Designer Advocate Luis.

Batch create Figma styles

“Using keyboard shortcuts and the Styler plugin, you can convert your Figma swatches and type hierarchies into styles in a flash.”

Batch create Figma styles

Responsive prototypes using smart animate

Good idea to show different sizes side-by-side in a prototype. An animation looks great, too!
Responsive prototypes using smart animate

Move Components Between Files — Master Plugin for Figma

Gleb Sabirzyanov shows how to move components between files using his Master plugin.

Move Components Between Files — Master Plugin for

Custom keyboard shortcuts for plugins

Using System Preferences on Mac to create custom keyboard shortcuts for your favorite plugins.

Using animated GIFs as masks

Cool tip on masking, never realized it was possible!

A few things I wish I had known earlier on for working in Figma

Joey Banks shares a few helpful shortcuts and tips.

Redlines for engineers

Mariz Melo, a Lead Designer at Google, shows an update to their Figma components. Love the idea of keeping redlines for engineers as a component’s variant!

Using the Figma Inspect panel to help engineers build your designs

Read how the Elastic UI design system powering the Elastic Stack connects their design (Figma) and code (React) libraries.

New desktop ARM beta for Apple Silicon users

Figma Beta app update I’ve been waiting for! So far, it’s really fast and works great on my M1 laptop.

Introducing branching: space to iterate and explore freely

“Today, we’re introducing branching in beta to better enable collaboration at scale. Designers will have the space to iterate and explore freely, while preserving shared files as a single source of truth. Product Manager Meagan Gamache shares a peek into the 13-month journey to beta and what this means for design system management in Figma.”

Branching in Figma

Figma Designer Advocate Chad Bergman shares best practices for using branching.

Multiple prototype tabs in the desktop app

No need to use Chrome for comparing prototypes between pages anymore!

Reverse layers order in Auto Layout

I shared a tip on using 180° rotation to reverse layers order in an Auto Layout frame, so the first layer is top- or left-most.

Our Favourite Figma plugins for 2021

The team at Mono shares their most-used and favorite plugins for 2021.

Figma tips: Building flexible components using the “slot” method

Designer Advocate Luis: ​“We often find ourselves creating lots of different variations of similar components, this can be tedious and difficult to maintain. Using a technique called ​“slots”, we can swap out components very easily from a single component.”
Building flexible components using the "slot"

Vectary 3D Figma Plugin

“The Vectary 3D plugin for Figma is adding the missing third dimension to your 2D designs. Place your Figma design into a predefined 3D mockup or your custom 3D element. Set your desired perspective in 3D and place the result into the scene with one click.”

Vectary 3D Figma Plugin

Features

Topics

Products

Design Tools

Figmalion

Issues:
230
Links:
4,055