While outlining a stroke is a common feature in design tools, I’ve never seen the opposite!
Ridd shows how he automated a repetitive part of his workflow with Automator.
Jordan Singer on why he is building Automator, a general purpose tool to automate Figma. Its private beta was all the rage last week — see a few creative ways to use it below.
Cool FigJam widgets made by Bersabel Tadesse and Noah Levin. Hope they’ll be published one day!
for @figmadesign's maker week this week, I helped facilitate 80+ Figmates learning how to build widgets, and worked with @nlevin to build a pixel art maker & drum pad widget. You can learn how to build widgets too! https://t.co/BaEqmvBnaX
— bersabel (@brsabel) November 5, 2021
Back to real work next week 🥲 pic.twitter.com/7dzMyVysuM
The New York Times Crossword from 2/20/2012, playable as a Figma prototype through its Interactive Components feature.
Breakdown of using Figma to illustrate and animate Vijay’s first NFT.
Making Magic Potions in @figmadesign. Here is a sneak peek of my first NFT collection @magikpotions, which I'm working on. illustrated and animated purely in Figma. Yes, we can create animation in Figma as well. Breakdown below 🧵 pic.twitter.com/LRHF7SChC4
— vijay vΞrma (@realvjy) November 6, 2021
Miggi created a single-point infinity sign, then Vijay came up with a cool animation. Team work 🙌
Beautiful effect! See also the source file at the Community.
“Join Clara and Chad as they dive into branching with the help with Shana Hu (Product Designer), Oscar Nilsson (Product Designer), and John Fuetsch (Software Engineer), who contributed to getting the feature out the door. Conversation topics include early iterations, key use cases, and what the team is thinking about next.”
Danny Sapio is showing how Auto Layout can be used to create a scalable and flexible interface.
Luis Camino, a UI/UX designer at BMW and MINI, shares a few best practices for Library editors.
Ridd shows an unconventional approach of using Interactive Components from the very beginning of the design process. Also, love his tip on using a second Figma window for the real-size preview!
Interactive components are my favorite @figmadesign feature.
— Ridd 🏛 (@Ridderingand) November 13, 2021
So why wait to use them until the end?
They're even more powerful as the very first step in the process!
Here's how I use them to explore new ideas 👇 pic.twitter.com/zir1RzgF2i
Joey Banks creates a simple todo list using Interactive Components, start to finish in 1 minute.
Designing with Interactive Components in @figmadesign, from start to finish 🔁: pic.twitter.com/4NuWZl3ES8
— Joey Banks (@joeyabanks) November 3, 2021
Alex Dyakov explains how his team at Yandex.Maps uses Figma API and a separate development library to export assets and styles for all supported platforms, such as iOS, Android, and web.
Great article by Christine Vallaure on improving accessibility by using relative font sizes in CSS, and how to work around pixel-based sizes in Figma. While I always use a combination of rem and em units, I wasn’t familiar with the 62.5% CSS hack or that units can be switched during hand-off in Zeplin. Very cool!
Download or update to the latest version of the Figma desktop app to try it out.
Clara shows some of the plugins that already support keyboard parameters.
Plugin parameters are out of beta — open the quick action bar with Cmd-/ (Ctrl-/ on Windows), enter the plugin name, and select from a list of plugin-specific parameters or enter a custom value. Great way to speed up work with the keyboard.
“We are always impressed with the Figma Community and wanted to share what they’ve come up with, so we reached out to three developers to learn more about who they are, what they built, and what they’re working on next. Read our first Q&A in the series with Tru Narla, and check out her widget on the Figma Community.”
Open-source Figma plugins for speeding up the workflow — great way to look inside and learn.