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
In this tutorial thread, Fons Mans walks through the steps of creating Linear-like gradients. The community file is available as well.
New Tutorial! ✨
— Fons Mans (@FonsMans) January 17, 2023
Learn how to create "@linear gradients" with @figma in just a few easy steps.
Let's get started 👇 pic.twitter.com/08wGSA9Ij1
Jackie Zhang writes about approaches to enhance team communication through logically structuring Figma files, labeling and annotating your designs, and hooking up all your files in a single FigJam flow. I particularly like the last recommendation and going to try it on the next project.
An adventure game made with Figma prototyping tools.
Ridd just launched Dive with an amazing lineup of design educators. In this tutorial, he designs the new Dive website and shows how his use of components to speed up workflow in Figma, talks about visual design principles and his approach to UI design in Figma. Lastly, he shows how easy it is to go from Figma to Framer to a published website.
Now it’s easier to track changes to components and styles. A new icon shows when styles or instances have changed, lets you accept changes for individual instances or layers, and even shows a before vs. after preview! See a quick demo by Jacob Miller.
If you’re still relying on JPGs and PNGs, it may be time to give WebP format a try with this plugin!
Along with its basic built-in spellchecker, Figma introduced a new API opening the door to more advanced tools. SpellCheck is a commercial plugin offering a bunch of features, like checking an entire project, building a personal dictionary, detecting ”Lorem Ipsum”, auto-correcting typos, and supporting multiple languages.
A few tricks for successfully exporting Figma mockups to Framer. In the end, it all comes down to using flexible and consistent structures in Figma that translate to code in Framer really well.
While the community file is super simple, I love how its prototype is used as a quick landing page, with links and animations. Fast and scrappy!
Introducing FigTree!
— Jed Bridges (@JedBridges) January 5, 2023
A @figma Community file that helps you create and share your social links page. https://t.co/FWKWRlJXsE
Checkout my FigTree: https://t.co/xJlgc5sLE6 pic.twitter.com/r0CCj9rb7V
A quick tutorial for creating and prototyping a tab bar menu.
Vijay Verma with a smart workaround for rotating an object reflection with the key object. (And here is another one, if that wasn’t enough!)
Here's a small loading experiment I did last week in Figma. Shared behind the scene below 🙂 pic.twitter.com/Ban1wb24sC
— vijay verma (@realvjy) January 2, 2023
Miggi with two great tips on managing gradients. I wish we didn’t need to resolve to a 100 pixels square hack, but often it gets the job done!
Someone asked yesterday about managing gradients in @figma, here are two ways to handle.
— @miggi@masto.ai (@miggi) January 5, 2023
1. Double click on a gradient stop to distribute evenly.
2. You can nudge / big nudge gradient stops. On 100x100 square, I can move over 5 times in nudges of 10 to get placement at 50%. pic.twitter.com/SqkwTPHxcc
Miggie shows how to prototype overlay transitions for thumbnails using interactive components. This tutorial is intermediate and covers the use of overlays, Auto Layout, interactive components, and placing images.
Anthony gives a tip on adding prototype scrolling and interactive components inside your Figma presentations.