#Features

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!

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 |

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 Pitch Deck Template

300+ components for creating a professional pitch deck in Figma.

All of my Favourite, Most Used Figma Plugins

Jason Crabtree shares a list of his favorite plugins. Good recommendations.

Figma to Code

Convert Figma layouts into responsive webpages (in Tailwind) or mobile apps (in Flutter and SwiftUI). The plugin takes Auto Layout into account, and even when it’s not applied, but objects are aligned, it will make them responsive.

Relay for Figma

Relay allows you to push graphics in Figma straight to the GitHub repository. This is quite amazing, as now, with a proper setup, changes in a design file can be reflected on a live website without fiddling with exports.

In the file: How to run remote user testing at scale

Get user feedback earlier and faster on your designs by running user testing and turning research into actionable insights.

In the file: How to run remote user testing at

Set the width or height of an exported file

I recently learned that in the Size field of the Export panel, a number followed by w or hcould be used to specify the width or height of the exported image.

Features

Topics

Products

Design Tools

Figmalion

Issues:
218
Links:
3,895