One of my personal favorites 🙌 Organize the gradient panel faster by double-clicking on gradient stops to evenly distribute them.
This past maker week @figma I had some extra hours and worked on adding the ability to equally distribute gradient stops with a simple double click.
— trevor aquino 😶🌫️😰 (@TrevorAquino) August 2, 2022
However this wasn't my own idea. One of my favorite parts of Figma is being able to interact with the community of users.
1/2 pic.twitter.com/Pik8GXWyjy
Figma shipped a batch of lovely small improvements. See demo videos in their blog post, or read a full list with a few behind-the-scene links below.
Sprig makes it easy to conduct high-impact research with your users throughout the entire product lifecycle. You can easily run concept and usability testing on one or many Figma prototypes within the same Sprig study.
“In this livestream, Designer Advocate Clara Ujiie and Developer Advocate Jake Albaugh walk through how to use the widget code generator to design and build your own widget for Figma. You’ll also learn about how to use widgets to boost collaboration, manage your work, and level-up designs.”
“In this stream, Figma Designer Advocate Chad Bergman and Product Manager Jacob Miller share how to apply polish to your components and publishing a v1 of your library.”
Rogie comes to the rescue and explains how to preserve a fill color when icons are overridden and swapped. It’s worth keeping a layer name consistent across icons in the library if you plan to use them in different colors.
To get icon colors to preserve when they are overridden and swapped, you need to make sure that your layer names are the same. You'll see in this gif that add_circle and add_shopping_cart have the same layer name...that's how Figma knows to apply the override as you swap. pic.twitter.com/io8DZFtgBQ
— ˗ˏˋrogieˎˊ (@rogie) July 29, 2022
Miggi with a mind-blowing trick for selecting items inside of the tight spots.
Haven't posted a #FigmaTip in a while, so here goes.
— miggi from figgi (@miggi) July 28, 2022
In @figma, draw a selection then hold the space bar to move the selection over the objects you want to select. Great for getting items inside of those tight spots. 🎉 pic.twitter.com/zEcCb90Jyk
Zander Whitehurst shows how to create a cool interactive carousel in Figma. See also his quick video “Wireframe to Landing page” where he uses that carousel in a landing page design.
🎠 Designing curved carousels in @figma, supafast! pic.twitter.com/lcYnvc8dCM
— Zander Whitehurst (@zander_supafast) July 27, 2022
A few navigational improvements (e.g. the addition of breadcrumbs and a new page layout) were released on all plans along with updates to workspaces available only on the Enterprise plan.
In May, Dylan Field announced that Figma incorporated in Japan, set up an office in Tokyo, and started working on localizing Figma into Japanese. Last week, they launched a fully localized product interface, website, and in-region support for Japanese users.
The fresh look of the Figma Community with improved search and a new browsing experience makes it easier to discover and differentiate between categories like product (Figma or FigJam), use cases (like design systems), and resources (widgets or plugins).
Interesting plugin from Mike Wilson for writing documentation and attaching it to your components.
Post-it notes are great for gathering and organizing feedback. (I often use comments as to-do’s, but also copy a post-it note from FigJam to my Figma files for higher visibility and questions.)
I capture all feedback in my @figma design file using sticky notes. I review all the feedback and make a list of revisions to bring into the next design round. I keep meticulous track of everything, so there is visible history. pic.twitter.com/S3f7a8xlpu
— Jess 🇺🇦 (@jesseddy) July 19, 2022
Figma is a natural place for the design team to get together, play, interact, and bond. Love this story about building a culture at Meesho Design: “While we brainstormed multiple ways and ideas to resolve this, we noticed that it was collaboration over Figma and struggles with Auto-Layouts that would create immediate bonds between us designers.”
That’s a really smart idea — browse a library of pre-made UI elements and copy-paste them straight to Figma. Categories make browsing the collections very easy. May be valuable for rapid prototyping at the early stages or for exploring ideas. (Keep in mind it didn’t work for me in Safari, but works perfectly in Chrome.)
Nice shipment of improvements to the FigJam iPad app, branches review in Figma, and email notifications. You can also import the contents of a Miro board into FigJam now!
A new video from the Figma Bites: “In this video, we teach you the basics of interactive components and how you can use them in your prototypes. We’ll walk through how you can create prototype connections between component variants to build up more accurate interactions.”
An interesting application of smart Auto Layout hacks to create fully responsive chart components.
A cool collection of free stickers for Figma and FigJam.
Nice improvement! Too bad I can’t stamp +1 on my ideas ten times anymore… BTW, there is a cool easter egg on really old stamps.
we launched stamp name tags in @figma's FigJam today 🤸♀️ (psst... no more +1'ing your own ideas!!!!!)
— mihika kapoor 🧃 (@mihikapoor) July 14, 2022
so delightful to see this lil big detail out in the world 💖 pic.twitter.com/sOvviJK1Zx