Molly shares a few takeaways from recreating a responsive Asana dashboard in Figma.
💡5 tips for designing a responsive dashboard in Figma
— Molly Hellmuth (@molly_hellmuth) November 23, 2021
Responsive design seems to be one of the trickier topics for my students so I made a project for them (Recreate the Asana Dashboard in Figma). Below are some of my favorite takeaways from the project. pic.twitter.com/RHtIRQnLIm
The developer of the popular Mac app iStat Menus tested how various design tools utilize the hardware they’re running on. For Figma, GPU seems to be more important than CPU, while memory is not a big factor as usage is limited to 2GB per tab. Good to know if you’re getting a new Mac but not sure about the config.
Tom Lowry gives a walkthrough of some of the new commenting improvements and enhancements.
So excited to give you all a walkthrough of some of the new commenting improvements and enhancements that we're starting to roll out to @figmadesign and FigJam. Let us know what you think! pic.twitter.com/ylmZSjWPjH
— Tom Lowry (@negativespaceca) November 17, 2021
Ryhan Hassan, Product Designer at Figma, on comments redesign: “To help teams manage and incorporate feedback throughout the design process, we’re introducing updates to comments in Figma and FigJam. These changes are designed to encourage collaborators to share comments and understand how to give better feedback, while helping designers more easily act on the input they receive.” Also, see his Twitter thread on design details and Christa Simon’s thread on design research.
Fantastic redesign of comments — now the pins are visible by default and form clusters when you zoom out. They’ve also added search, sorting, reactions, and selecting an area to comment on. Show or hide pins with Shift-C.
Insert and retain the original resolution of big images, working around Figma’s limitation of 4,096 pixels during imports. Just last week, I had to add a few large screenshots to the project and ended up cutting them down manually in Pixelmator while thinking of building this plugin. Apparently, Yuan Qing Lim had the same idea a while ago!
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.