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 more advanced Auto Layout techniques to create a navigation menu using the button we created in the previous video.”
“In this video, we’ll teach you the basics of using Auto Layout by creating a button from a single text layer.”
Come for the tip, stay for a beautiful demo.
Here is a #FigmaTip showing you how to make dotted lines for your @figmadesign illustrations. ✏️
— Mirko Santangelo (@mirkosantangelo) January 29, 2021
Open the Advanced Stroke panel, set the Cap to Round, then add a 0.1 Dash and tweak the dots spacing using Gap.
Happy Friday! ☺️ pic.twitter.com/M5NomG6VLU
A nice way to share the always up-to-date versions of your designs.
Did you know that you can embed @figmadesign files inside your favourite project management tools?
— luis. (@disco_lu) January 29, 2021
Here's a little #FigmaTip to show you how it works in:
– Jira
– Asana
– Notion
– Dropbox Paper
📝https://t.co/XzxKL6iBm7 pic.twitter.com/wmiuA9i80A
⌘+⇧+K to place an image, ⌘+⇧+C/V to copy/paste it from/to an object.
Happy Friday! Here is a #FigmaTip showcasing some short keys to help master placing images in your @figmadesign designs.
— miggi from figgi (@miggi) January 22, 2021
⌘ + ⇧ + K to load and place images
⌘ + ⌥ + C to copy an img style from an object
⌘ + ⌥ + V to paste an img style to an objecthttps://t.co/VN7ZPDibzX pic.twitter.com/KrPEtlL7qc
And another short video from Miguel, this time about Bezier curves.
Here is a #FigmaTip to give you more control over your bezier handles when creating vector illustrations in @figmadesign. 🖋
— miggi from figgi (@miggi) January 19, 2021
Use command + option when clicking anchor points to change the behavior of bezier handles and control them independently.https://t.co/rSbcUA1bTA pic.twitter.com/Lz5ozxN5pH
With support for components, hyperlinks, PDF export, presentation mode, and shared community files, Figma became a fantastic tool for designing slides and creating presentations. This article provides an overview of the modern workflow.
Zapier announced a new set of features for product teams, including native support for Figma Variants.
Image Tracer traces black and white bitmap images and turns them into a vector layer.
A simple plugin that allows you to warp, bend, and distort vector shapes.
Presentation template featuring ‘Stuck at Home’ illustrations by Blush.