#Features

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

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

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.

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

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

Interactive Coin Flip

Gleb Sabirzyanov made a cool isometric coin animation entirely in Figma.

Keyboard Shortcut Annotation

Annotate your mockups with a nice-looking keyboard shortcut illustration. It’s super easy to customize and includes all the most common special character keys.

You should always name your layers

Cmd‑R is one of the most underrated shortcuts.

Double-clicking on the edge of a text box

Joey Banks on a shortcut to set a text block resizing mode.

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"

Our Favourite Figma plugins for 2021

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

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.

Multiple prototype tabs in the desktop app

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

Branching in Figma

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

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

Coming together at Config 2021

At Config 2021, Figma announced six new ways to collaborate and bring you and your teammates together — their 2nd product FigJam, branching (currently in beta to Org accounts), a new mobile app, voice chat, higher user limits, and publishing to the Figma Community for everyone.

Rasmus Andersson on branches

Love this quote: ​“Great software is not built in months; it often takes a long time to get things right enough for a first version.”

The building blocks of Collaborative Creativity

Niko tweeted a quick recap of his talk.

Introduction to Figma’s interactive components

“While it’s always been possible to animate controls using Figma prototypes, it required some crazy workarounds and a ton of views to be created. With the new functionality, it’s super easy, and it allows you to create some pretty nifty interactive and animating prototypes.”

Placeholder Components — Editable components without detaching in Figma

Adam Ruthendorf-Przewoski introduces the concept of Placeholder Components.
Placeholder Components — Editable components

Features

Topics

Design Tools

Figmalion

Issues:
207
Links:
3,743