New prototyping features are the biggest news of the last two weeks — now, you can add custom easing curves to transitions and show multiple ways to interact with an object. The new integration with Bubble lets you create web apps from Figma without code. Make sure not to miss videos on using Ditto Words and creating a parallax scrolling with a combination of Figma and Framer. Enjoy!
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.
One of two new tutorials shows the latest updates to the prototyping.
And another one, introducing easing curves and explaining how to create your custom Bezier easing curves.
Figma keeps improving its Community. Now you can filter resources by type, see trending files and plugins, and follow popular creators.
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.”
The team at Kalamuna moved its brand guide from a static PDF file to Figma. “Figma is the perfect tool for putting together a living document to define a growing and changing brand design system.”
The Headway design team on managing a design system and multi-tiered UI kits in Figma. Love their usage of status badges and overlays.
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.
How to keep an aspect ratio of a nested element when resizing its parent. Really smart workaround!
A few recommendations for keeping Figma files organized and easy to browse.
If you still don’t use Google Sheets Sync, this article will show what you are missing out on.
Femke shows Ditto Words, a new tool for UX writing.
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.
Entertaining video showing how to create a simple and clean design in Figma.
Miguel Cardona gave a virtual talk demonstrating the ways to develop and foster community through collaborative prompts and activities in a classroom with Figma.
Seems like a cool device to speed up work. (Or you can learn shortcuts for free.)
Rogie shares a good tip on navigating nested layers.
Gleb Sabirzyanov on how not to lose your head while navigating layers.
Love the attention to details in Figma!
A great example of building a simple internal plugin around your own design system to automate routine work.
“Part 2/5. Add to your design system by building foundational components and organize them using pages, frames, names, and descriptions.”
“You have a product that is loved, and your customers are bombarding you with feature requests. How should you prioritize? Drawing from his experiences at Uber, YouTube, and Figma, Yuhki shares some helpful ideas for how you might approach this phase.”
The replies are fun, but also highly educational about all the wrong ways to do things in Figma.
“One-stop-shop for all the templates and resources you need to make something awesome at your next hackathon.” Of course, all of these resources can be used at regular projects as well.
Cool library of abstract patterns, free to use.
Templates for creating simple notes, lists, and schedules.
A collection of beautiful free templates for Figma presentations.
Powerful plugin for managing design systems. Design tokens, theme management, content collections, documentation, and access to tokens from GraphQL API.
A new plugin from Figmatic for converting and exporting designs from Figma to Sketch with a single click.
Automate the process of annotating your designs for a smooth and effective developer handoff.
Jenning Chen, an intern on Figma’s design systems team, built the recent updates to the style picker over the course of her summer internship. In this article, she reflects on her time at Figma: expectations, onboarding remotely, and managing a feature update from inception to launch.