Solid collection grouped into categories like accessibility, collaboration, productivity, development, animation, and optimization.
Joey Banks from Figma shows how he uses Auto Layout to generate previews of their newsletter template for both desktop and mobile.
Brian and Marshall discuss creating layouts with Sketch’s Smart Layout and Figma’s Auto Layout, and compare the experience with implementing layouts in CSS and SwiftUI.
Adam Noffsinger shares his experience with using Figma for testing a self-driving car interface on a tablet using Figma Mirror.
I haven’t used @figmadesign for prototyping much, but this week we’ve been using it for complex user testing due to time constraints.
— Adam Noffsinger (@ANoffsinger) February 13, 2020
Thought I’d share some thoughts in a thread:
Nice tip! That’s something I use quite often.
Need a vector logo but can't find it online?
— Cory in SF (@coryetzkorn) February 12, 2020
1. Right click on the logo
2. Inspect
3. Find the SVG node
4. Right click >> copy >> copy outerHTML
5. Paste (⌘V) directly into @figmadesign pic.twitter.com/gGObil7yJr
A list of 5 solid principles for building components — reusability, nesting, UI and UX patterns, reusing styles, and consistent naming structure.
Samuel shares a few tips on organizing Figma files.
“A strategy that may help ease some of the pain and confusion when deprecating unwanted components.” That’s something we all have to do from time to time, so I’m glad Steve Dennis documented his approach.
Official recap of new features announced at Config. More responsive Auto Layout, an updated font picker, improvements to color selection, hyperlinking, and new prototype permissions settings.
Figma introduced remixes to community projects — now you can duplicate a file and publish your version of it as a remix. (That may sound familiar if you remember Layer Tennis or rebounds at Dribbble.)
Tweak hue, saturation, and lightness values of multiple selected objects at once. (Also, how could I not mention a plugin with an icon like this?!)
Lots of great recommendations on Dann Petty’s Twitter.
What are your favorite @figmadesign plugins?
— DANN ツ (@DannPetty) January 31, 2020
Detailed step by step guide on how to build a private Figma plugin that will sync colors from your Figma library to a file with CSS variables on GitHub. Nice automation!
An interesting model for collaboration in Figma, borrowing the best practices from the software development world. It defines a process where the team is solving one problem at a time by structuring the project in a specific way, applying naming conventions, and using version control.
Spelling and grammar checker for Figma. Free for files with fewer than 100 text layers.
Fantastic plugin for finding all instances of the component. I used it while migrating and unifying a large design system and it was irreplaceable.
Quick video showing real-life usage of Auto Layout in a few beautiful mockups.
Coming in the next release. So happy to see resizing moved to the top level!
We are changing it. This is what the text property panel will look like in the next release :–) pic.twitter.com/H0XhAU39gB
— Rasmus Andersson (@rsms) January 15, 2020
A common approach seems to be using a separate private project for experimenting and then moving finished work to a public place. Figma designers use this approach internally as well.
In all seriousness there is a place for collaboration and there is a place for heads down work. I hope Figma can support this.
— Tuhin Kumar (@tuhin) January 17, 2020
At minimum hiding cursors would be a start (does that exist already?).
cc @nlevin @rsms