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.
Rogie’s really cool short video shows his process and use of Figma features for creating Grim Syndicate NFTs.
Artist @rogie gets under the hood of the Lurkers of the Abyss project showing off some of the cool @figmadesign functionality that we use to build daemons! pic.twitter.com/MIbIJSViSw
— Grim Syndicate (@Grim__Syndicate) December 16, 2021
Nice concept of what one of the features in Auto Layout 4 may be. I’d definitely love to see this!
Admins on the Organization plan now can see who’s using FigJam at the Members and Activity tabs.
Hosts of the Layout podcast joined by a friend of the show Ryan Hassan, designer at Figma, to tell us all about how they’ve redesigned Comments.
Fill-in-the-blank sticky note, where different people can fill out different parts of the sentence. Works great for e.g. ice breakers, user story templates, and critical user journeys.
Warp your designs using Smudge, Twirl, Bulge, Pinch, Arc, Flag, and Free Transform tools. This premium plugin brings the typical warp tools known from other vector apps to Figma.
Figma added new MacBook Pros, Surface Pro 8, and small and large Androids to the frame presets.
Figma is ready for all the new gadgets, just in time for the holidays! 🎁
— Figma (@figmadesign) December 15, 2021
You can now find the following frame presets and device frames in Figma…
→ Macbook Pro 14,” 16”
→ Surface Pro 8
→ Android Small, Large pic.twitter.com/ZD5Bj3IRTW
“When you create a file in your drafts, you may have a lot of asset libraries to navigate if your organization and teams have multiple published libraries enabled by default. But what if you only want to see specific libraries when you’re exploring an idea in drafts?”
Combining components and shapes to create more advanced shapes.
I just realized if you combine components and shapes in @figmadesign, you can create “smart” shapes, complete with mirroring! The final head is a single vector shape rounded corners. pic.twitter.com/VvTHapUpbd
— Jeff Broderick (@brdrck) December 17, 2021
Jan Toman wrote a guide for using Figma branches to improve the reliability of UI components. His approach of always using branches for design system contributions and creating a set of visual regression tests is similar to the best practices in the development world and should really help with making a design system more robust.
Danny Sapio with a few quality tips for working with components.
Dan Hollick explains why colors in Figma can be different from the colors found on the web. Personally, I usually keep the Figma desktop app in sRGB color space to avoid surprises, only switching to Unmanaged for specific tasks.
Have you ever used a color in Figma and found it looked totally different on the web?
— Dan Hollick 🇿🇦 (@DanHollick) December 15, 2021
Well I have some good news:
a) you're not crazy.
b) that's changing. pic.twitter.com/F5pOYYdY1g
The team at Awwwards explains how Tilda differs from other website builders and why it’s the best tool for web designers who work on Figma and want to create professional websites without writing code.
Designer Advocate Ana Boyer ran a 15-day prototyping challenge to help the Figma Community learn how to take advantage of the new features and level up their prototyping game. In this post, she is sharing a recap of all tips, along with Figma Community files to get you started.