#Features

The Forge — Type Foundries Archive

The Forge is a curated collection of premium font foundries. They provide hundreds of high-quality typefaces as downloadable trial fonts for testing.

Adding hover states

Rogie shows how to add a hover state and make nav component instances inherit all main component triggers.

Setting and maintaining consistent space between items with the new Auto Layout

Designer Advocate Joey Banks shows a preview of what’s coming in November. Can’t wait!

GIF

A plugin by Rogie to play GIF animations in the editor (!), make memes, and export animated GIFs straight from Figma.

Overflow

A service for creating interactive user flow diagrams and design presentations from Figma, Sketch, or Adobe XD mockups.

Lo-fi Wireframe Kit for Figma

A robust library of over a hundred wireframing components to faster explore more ideas.

Figma Low Code – A New Way to Tackle Design Hand-Offs

“Figma-Low-Code is an open-source project that enables the direct inclusion of Figma designs in Vue applications. By ensuring that the Figma design stays the single source of truth, this approach reduces the need for design hand-offs and front-end code significantly.”

In the File: Building a Design System Around Collaboration, Not Components

It’s all too easy to focus your design system on the perfect component, missing out on the aspect that’ll ensure your success – collaboration. Join Zalando’s Louise From and Julia Belling to understand how they created, educated, and scaled their internal design system.
In the File: Building a design system around

Level Up Your Design Documentation With a Design Deck

A new video and free Figma template from Femke. ​“Impactful designers are great at communicating design decisions and documenting design process. This is the deck to level up your communication and documentation process.”

Level up your design documentation with a Design

Figma Is Proving to Be the Essential Design Tool of COVID-19

Figma is a 2020 Innovation by Design winner in User Experience category. Fast Company credits it, at least partially, with enabling companies to work remotely. ​“Figma has become the virtual whiteboard of the pandemic.”

When Fonts Fall

Marcin Wichary digs into how font fallback works. As always, his post is a deep dive into the topic. Highly recommend!

Prepare for Variants

While feature introducing Variants of the same component is currently in beta, this help article provides recommendations on how to prepare for its release in November.

Six Integrations to Help Your Product Team Collaborate in Figma

Figma added two new integrations — one for keeping designs up-to-date in GitLab issues, and another for converting mockups into web pages with Maker. This article talks about some recently-launched integrations to help your product team collaborate in Figma.

Updated Missing Fonts Dialog

Minor UI cleanup, but you can now select all text objects using the missing font.

Improved Reordering in the Properties Panel

“When more than one fill, stroke, or effect is applied to an element you’ll now see a draggable icon on hover, making it easier to reorder things.” A small but mighty update — it was really painful to drag properties before!

Offline Autosave

Figma now won’t lose offline changes you make even if you close your browser or your computer crashes.

New Instance Swap Menu and Inspect Tab

Two features announced on the Config Europe are already live! New Instance Swap menu and updated Inspect tab help both designers and developers navigate large, complex libraries in Figma.

Embracing the tension between code and design

Announcements from the above keynote, presented as a blog post. ​“We believe in embracing concepts from engineering and design, adopting the rigor and reusability of code while preserving the rapid iteration and uninhibited exploration that makes visual design so powerful. […] When code and design components mirror each other, teams can move much more efficiently. Today, we announced Variants, Interactive Components, and improvements to Auto Layout that will allow teams to do just that.”

Bridging code and design components with Variants

“Combine variations of the same component for different interactive states, colors, and sizes to mirror your front-end code and simplify your asset library.” (Coming in November.)

Excited about creating variants?

Luis shows how converting the whole GitHub Primer buttons library to variants took less than a minute.

Features

Topics

Products

Design Tools

Figmalion

Issues:
255
Links:
4,411