#Features

How to add “native” Find functionality to Figma

Joel Califa suggests assigning a system shortcut to the Find & Replace plugin.

How to handoff your designs to Engineering

Femke shows her engineering handoff process at Uber Eats. Among other things, she adds a Handoff page to her files, breaks it down into work streams, uses templates to show flow statuses, and adds notes to document changes and implementation details.
How to handoff your designs to Engineering

Arrow Auto

A very nice plugin for visually connecting objects with arrows. It even automatically updates the arrows when connected objects are moved around.

Return to Instance after editing the Main Component

Meng To points to a useful feature that can be easy to miss.

Templatery

A collection of beautiful free templates for Figma presentations.

Bubble + Figma Integration: Design and Deploy Your Web App Without Code

Cool integration with a no-code app. ​”Bubble offers a powerful point-and-click web editor and cloud hosting platform that allows users to build fully customizable web applications and workflows.”

Explore Figma Community

Figma keeps improving its Community. Now you can filter resources by type, see trending files and plugins, and follow popular creators.

Figma Tutorial: Prototyping & Transitions

One of two new tutorials shows the latest updates to the prototyping.
Figma Tutorial: Prototyping & Transitions

Annotate It!

Automate the process of annotating your designs for a smooth and effective developer handoff.

Build It in Figma: Create a Design System — Components

“Part 2⁄5. Add to your design system by building foundational components and organize them using pages, frames, names, and descriptions.”
Build it in Figma: Create a design system —

Lyft’s internal plugin for switching between light and dark mode

A great example of building a simple internal plugin around your own design system to automate routine work.

Effect icons indicate the offset direction

Love the attention to details in Figma!

Option/Alt + L to collapse all groups and frames in the Layers panel

Gleb Sabirzyanov on how not to lose your head while navigating layers.

Cmd/Ctrl + right-click the object to show child/parent objects

Rogie shares a good tip on navigating nested layers.

Using Elgato StreamDeck with Figma

Seems like a cool device to speed up work. (Or you can learn shortcuts for free.)

Smooth Parallax Scrolling in Figma + Framer Web

Creating a smooth parallax scrolling animation in Figma and Framer. It’s nice that both apps work in the browser, and Framer has a built-in Figma import.
Smooth Parallax Scrolling in Figma + Framer Web |

Figma Components With a Fixed Aspect Ratio Elements

How to keep an aspect ratio of a nested element when resizing its parent. Really smart workaround!

Handing Over Design With Spacers in Figma

In Issue #16, I shared the article ​“Worry less about spacing in Figma”. In the new article, Lennon Cheng continues on the idea and shows to introduce spacers into the development handoff process.

Figma Tutorial: Easing Curves

And another one, introducing easing curves and explaining how to create your custom Bezier easing curves.
Figma Tutorial: Easing Curves

New Ways to Create Higher-Fidelity Prototypes in Figma

Two new prototyping features! Now, you can show multiple ways to interact with a single object and make your transitions pop with custom easing curves.
New ways to create higher-fidelity prototypes in

Features

Topics

Products

Design Tools

Figmalion

Issues:
230
Links:
4,055