Thalion played with Figma to Webflow plugin and came up with the video tutorial and a summary of what you can do with it.
Designer Advocate Ana Boyer with great recommendations for reducing noodles, creating micro-interactions, and organizing separate designs into flows.
Working smarter, not harder also applies to prototyping. 😉
— Figma (@figma) February 6, 2023
Here are six #FigmaTips from Designer Advocate @_AnaBoyer for prototyping in Figma.
1/ Draw prototyping links from navigational components to reduce the need for repeatedly drawing connections. pic.twitter.com/Ew4A1qjf1K
Seems like support for min/max width and height are coming to the Auto Layout! Previous leaks by Nima Owji included support for variable fonts and text baseline alignment, so the chance that this is really coming is pretty good!
#Figma is working on ADVANCED SIZING which allows you to set min/max width and height for the auto layout! pic.twitter.com/1MwwwjKcs4
— Nima Owji (@nima_owji) February 3, 2023
“Rolling out over the next few weeks in Japan, Europe, UK, and Canada, you have the option to purchase a new self-serve Organization plan on your own in the local currency or USD. At this time, invoicing is still only available in USD on the Organization and Enterprise plans.”
On the Enterprise plan, Figma introduced external content controls so companies can keep everyone’s work inside their Figma organization and protect their ideas. When access to external content is disabled, domain users can’t collaborate in files, projects, or teams outside of their Figma organization.
Four new fonts in FigJam to convey just the right message or feeling. “Simple” is a new standard font for long-form text and easy scanning. “Bookish” is a serif font that adds a touch of formality to headers and quotes. “Technical” is a fixed-width font that mimics the look and feel of code. “Scribbled” is a script-based font that’s perfect for comments and annotations. All fonts were custom-made for FigJam by OH no Type Co and come with lots of beautiful details and juicy ligatures (have you seen the exclamation marks?!)
This is one of the FigJam brand updates that Figma has been working on since last year and just started to roll out. Make sure to check out this Twitter thread by Damien Correll, Creative Director at Figma.
Today’s the day!
— Maybe: Damien (@damiencorrell) February 8, 2023
I’m over-the-moon excited to share some of the @figma FigJam brand updates we’ve started to roll out. Plus, a little typographic side quest 🤓
Yes, #designtwitter this is a thread... pic.twitter.com/Zeg6pPxzhc
A new plugin by Vijay Verma: “The plugin utilizes the Metavatar algorithm to create stunning gradient backgrounds in a variety of cool colors. It also has the added feature of adding noise to make the gradients even more visually striking.”
Well, now we all know how to refer to the Auto Layout alignment control.
In a call today someone called this a cracker and from now on this is the term I will be using when demoing Auto layout pic.twitter.com/FxPejtRFsw
— Ana Boyer (@_AnaBoyer) February 1, 2023
Remember the gooey blobs in the previous issue? Well, Double Glitch took it to the next level with this Lava lamp demo. Beautiful effect and a very creative technique! See also this liquid swipe transition using the same approach.
Sara Brunettini shows how AI-powered Figma plugins can be used to streamline your workflow and make the design process a breeze. “Imagine AI assisting with repetitive tasks like naming layers, designing light/dark modes or even generating micro-copy for you. And the best part is these plugins integrate seamlessly with Figma.”
Pretty cool tutorial and community file on creating custom animated blobs without any plugins. A really smart technique combining blur with classic dodge & burn!
How to create these gooey blobs in @figma ? Two ways:
— Double Glitch 🇺🇦 (@double__glitch) January 25, 2023
1. Grab my ready-to-use community file https://t.co/dVMwkCcy11
2. Follow the tutorial in this thread.
Lets go! ⬇️ pic.twitter.com/nCE2SjA88f
“A magical AI-powered design tool for Figma” is now available to the public with a 7‑day trial.
🪄 We're finally ready to release the public beta for Magician, a magical AI-powered design tool for Figma.
— Diagram (@diagram) January 24, 2023
Try for free → https://t.co/qtxyyKmhyF pic.twitter.com/41Ze81YHq2
Epic thread by Molly Hellmuth on the best practices for using property, variant, and Auto Layout features. She just rebuilt her popular UI Prep design system with the latest Figma features and learned a lot in the process.
💡Figma tips: 7 things I learned the hard way updating my 2023 design system.
— Molly Hellmuth (@molly_hellmuth) January 26, 2023
Keep reading to learn new best practices for Figma’s latest property, variant, and auto layout features!.. pic.twitter.com/IFEWBhkgNb
The new integration lets you embed a Mixpanel preview in FigJam to bring data into your whiteboarding sessions. File previews are automatically synced with Mixpanel so the latest data changes in Mixpanel will be reflected in FigJam.
Comments now support rich text (bolding, italicizing, strikethroughs, links, and lists), and notifications are batched for all comment threads you’re not actively involved in.
Robert Bye reflects on his first full year at the new Figma Native apps team and how much their desktop, iPad, and phone apps have changed in 2022
Reflecting back on my first full year at Figma it's amazing to see how far the new Native apps team has come, and how much our products have improved.
— Robert Bye (@RobertJBye) January 20, 2023
Take a read to see how our desktop, iPad, and phone apps have changed in 2022.
Clara Ujiie came up with a simple workflow for visually testing components. (The same tutorial is available as a Twitter thread, if that’s your jam.)
Ana Boyer with tips for using Figma for presentations.
Some #FigmaTips for creating and presenting slides in Figma! 🧵
— Ana Boyer (@_AnaBoyer) January 19, 2023
Vijay wrote a step-by-step guide on making a button with a cool multi-color glowing effect.
I always wanted to mask the gradient to create a button like this in @figma. Finally, I found a solution. Here, Sharing the behind-the-scenes and video tutorials to create this cool button.😍 pic.twitter.com/ldzOSVAodb
— vijay verma (@realvjy) January 17, 2023
Luis is experimenting with a different way of managing styles in Figma. He argues that bringing styles a lot closer to their usage makes it easier to understand the context.
I'm playing around with the idea of managing styles in Figma slightly differently
— luis. (@disco_lu) January 17, 2023
Let's take a look at:
• Styles as components
• Contextual, semantic styles
• Simulating "aliases"
• HSL colours
🔎 pic.twitter.com/ZIA7qzI7Hl