A large shipment of small updates to Figma and FigJam. The community file is the best way to learn about all of them with demos and examples, but see also the blog post with a list of updates.
Figma Designer Advocate Luis Ouriach talks to the UX Lead at Wix.com Domas Markevičius about how they embed a culture of collaboration and communication between designers and developers.
Anthony DiSpezio goes deep on hexagons, and this has absolutely nothing to do with Twitter or NFTs.
Seeing a lot of hexagons... learn more about hexagons (the shape) in @figmadesign! ⬢⬣ pic.twitter.com/UK32I2KCUm
— Anthony DiSpezio (@adispezio) January 21, 2022
“Over the past two months, we’ve rolled out a number of updates to comments in Figma. As always, insights about our users and how they design together informed these improvements. The data science team spearheaded experiments to learn how to encourage feedback and collaboration directly in the file. Here, Data Scientist Emily Jia shares the hypotheses, tests, and learnings that lead to this cross-functional, data-driven product launch.”
Quickly import and embed PDF files into your FigJam boards.
Generate a random confetti pattern on your canvas.
“Slots Components for Dummies” by Ridd, who is one of the biggest proponents of this approach. Great guide to one of Figma’s ultimate superpowers.
"Slots for dummies"
— Ridd 🏛 (@Ridderingand) January 15, 2022
The complete guide to @figmadesign 's ultimate super power 👇 pic.twitter.com/hhlkNVKuPl
Cool walking animation by Bruno, Community Advocate for Figma in Portugal.
A new plugin by Framer. You can now copy layers in Figma and paste them directly into Framer to make your Figma projects interactive in just a few steps.
Cool (but creepy) character animation experiment by Miggi from Figgi.
Progress from today. Four frames, four component sets... creepy crawley gait / walkcycle in @figmadesign #prototype #animation #walkcycle pic.twitter.com/6fmmwTtv28
— ❖miggi_from_figgi (@miggi) January 10, 2022
Great example of a rich Figma prototype made with lots of cool interactions. See also a video on Alvish’s Twitter.
With all the discussions around composition-based design systems, Joey Banks provides a counterpoint on reducing complexity and increasing reliability with simpler variants.
One change I've made when it comes to building components in @figmadesign has been to not rely on base components as often, especially when working with Variants. Adding *only* the relevant layers means less complexity & less probability of a variant option/layer mismatch. 🎛 pic.twitter.com/yZ5brRJm53
— Joey Banks (@joeyabanks) January 12, 2022
This is really exciting! Many iPad users already know and enjoy the Figurative app, but having an official app will be amazing.
🥁 Exciting updates for the @figmadesign iPad app!
— ˗ˏˋrogieˎˊ (@rogie) January 12, 2022
If you want to beta test the app & share feedback with us, sign up here: https://t.co/3XKj5IPiGJ
For the beta, you’ll need to have an iPad Pro (2018 or later), iPad Air (2020), iPad mini (2021), or iPad (2021). pic.twitter.com/A9OUPIwOtj
After discovering a bug in redesigned comments in November, their rollout was postponed for a month. Now they are finally available to everyone. If you need a refresher of what changed, this thread summarizes it well.
Our new and improved comments have now rolled out to everyone. ✨ Thanks for your patience as we made comments better you.
— Figma (@figmadesign) January 11, 2022
Here's more info on all the changes: https://t.co/s8C5aTgmqd
And a thread with some of our favorite changes. 👇 pic.twitter.com/K4laNVZrRf
Really cool plugin (currently in beta) for turning frames into components. See a short video demo.
A new plugin by Gleb for turning vector lines into pixel art.
Zander Whitehurst shows how to animate a radio button supafast.
🔘 Animating radio buttons in @figmadesign #ux #ui #figma pic.twitter.com/vmPH0Vgyey
— Zander Whitehurst ⚡️ (@zander_supafast) January 7, 2022
If the screenshot is real, this is an exciting rumor!
#Figma is adding the support of variable fonts! pic.twitter.com/Poelisk1HK
— Nima Owji (@nima_owji) January 8, 2022
Great comparison of different techniques for customizing components by Ana Boyer. Playing with the examples instead of just reading about them makes all the difference.
If you’ve ever used my tool Accessible Palette, one of its core features is support for Advanced Perceptual Contrast Algorithm (APCA) — a great alternative to a basic contrast algorithm in WCAG 2 and the current recommendation in WCAG 3 Draft. This plugin is a simple contrast checker using this algorithm and taking into account fonts size as well as background and foreground colors.