“Make scroll to map interactions in Figma Design. This demo uses placeholder frames in lieu of using the offset values for navigating a map with scroll to interactions.”
“Here is a quick workflow with multiple batch operations that can show you how to import, rename, organize, componentize and publish assets.”
“Quickly master your documents pages and frames using simple shortcut keyboard actions.”
In this part of Figma in 5, Rogie talks about Design Systems with a focus on components.
Design Advocate Luis shows how to set up a contents page to navigate through multiple flows.
A good tip from Miguel – Command-Click on an object to show a list of all layers below.
Here is a micro #FigmaTip for your hump-day! Easily select something in @figmadesign by holding ⌘ (Mac) or Ctrl (Win) when you right-click. This will pull up a list of objects directly beneath your cursor.
— miggi from figgi (@miggi) February 10, 2021
This is where naming your layers pays back dividends! 😊 pic.twitter.com/t4RNeGW9w7
Command-\ hides all UI, while Command-Shift-\ hides only the left sidebar.
Need more real estate *and* the design panel in @figmadesign?
— Anthony DiSpezio (@adispezio) February 11, 2021
cmd+shift+\ to hide left sidebar!#figmatip pic.twitter.com/aWeBq1Bq0o
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.