A nice trick to work around some of Auto Layout’s limitations.
Auto Layout @figmadesign tip - use a 1x1 frame to add overlapping elements within a parent Auto Layout frame. pic.twitter.com/0dbJpeN8ri
— Gavin Nelson (@Gavmn) February 9, 2021
Really smart solution! “This trick uses the dash/gap length to calculate exact degree marks. This lightweight approach makes it easy to store all of the information for interval marks in a single stroke.”
“Design systems sit at the intersection of design and development. Lyft teammates Jeremy Dizon, Design Systems Product Designer, and Alex Lockwood, Design Systems Staff Engineer, will show off their design system and share how they collaborated to build it.”
“Auto Layout can be added to Frames to create dynamic Frames and Components that respond to the size of their child objects, such as a button that grows with the length of its label. In this video we’ll teach you more advanced Auto Layout techniques to create a flexible card component for a trip planning website.”
A new tutorial from Blush, based on Pablo Stanley’s Figma Crash Course on YouTube. “Learn the basics of Figma’s new Auto Layout and speed up your creative workflow with this awesome feature.”
Students of Justus Wunschik’s online class came together to build a beautiful SimCity-inspired city with Figma.
Creating responsive prototypes with Figma and Anima.
Komal Javed from Shopify shows how to set up your Figma projects to meet the needs of your whole team. Project Index Template is available in Figma Community.
Luke Cardoni, UX Lead at REI, recently spent time improving the accessibility of form elements in their design system, Cedar. “It turned out that these UI components posed the perfect opportunity to start exploring Figma’s Variants feature, as each Text Input, Radio Button, and Checkbox has so many, well, variants.”
Uber took a programmatic approach to create 256 new components for map markers. “By automating the construction of the markers, I was able to avoid human-error and efficiently generate the full set of variants. Programmatically testing the components allowed me to thoroughly validate them under multiple scenarios and be confident of their quality.”
Replies to this tweet by Sho Kuwamoto, Figma’s Director of Product, provide an interesting peek into the current state of things and what their team might work on next.
Hello folks! Quick question about @figmadesign.
— Sho Kuwamoto (@skuwamoto) February 10, 2021
What is one thing you wish Figma did?
What is one thing you wish Figma didn't do?
“You can now embed Figma files in P2 so everyone on your team can find and review the latest design files in a single workspace.”
Figma redesigned team settings to make user management and billing more efficient.
Carol Chan shares her learnings from building a collapsible card component with many properties.
I shared some of Jordan’s experiments before, but this one is truly magical. Let’s hope it will become a real plugin one day!
Flat image → interactive layers ✨
— jordan singer (@jsngr) January 23, 2021
A Figma plugin to convert a flat image into text and shape layers on the canvas. pic.twitter.com/gQhpcu9UvD
A collection of cool micro-interactions made in Figma.
A beautiful explanation of the fundamentals of good typography.
Noah Jacobus pushes Figma’s capabilities beyond normal product design and uses it to draw, style, and animate the logo.
It’s no secret that I like @figmadesign a lot—it’s basically replaced my entire illustration & iconography pipeline. Even D&D maps! But I also try to push its capabilities beyond normal product design stuff and my own comfort zone.
— Noah Jacobus (@Jabronus) January 28, 2021
Drawn, styled, and animated in the Big Fig™ pic.twitter.com/2uFgiiB47T
“In this video, we’ll teach you the basics of using Auto Layout by creating a button from a single text layer.”
“In this video we’ll teach you more advanced Auto Layout techniques to create a navigation menu using the button we created in the previous video.”