Tweets
Gooey blobs in 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
Magician enters public beta
“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
7 things I learned the hard way updating my design system
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
How Figma apps have changed in 2022
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.
Tips for creating and presenting slides
Ana Boyer with tips for using Figma for presentations.
Some #FigmaTips for creating and presenting slides in Figma! 🧵
— Ana Boyer (@_AnaBoyer) January 19, 2023
Cool glowing button
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
Managing Styles
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
Learn how to create “Linear gradients”
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
6 ways to work smarter with colors
A few solid tips and tricks on working with colors in Figma.
6 ways to work smarter (not harder) with 🌈 colors in Figma:
— Jordan Bowman (@jrdnbwmn) January 10, 2023
FigJam in virtual reality
Ever wanted to collaborate in FigJam using virtual reality? A note from the developer: “We wouldn’t build a better tool than Figma, so we used their super SDK to write a plugin that integrates with our XR application. We develop our applications for Snapdragon Spaces technology, available for Lenovo A3 glasses, as well as for Quest 2 and Quest Pro. We use Unity technology, so in the future the app can be open on any device like Android/iOS/MagicLeap/Quest etc. The app is still a prototype, but we consider of going forward and release it in some day.”
At Nomtek Labs, we put Figma in XR under the Snapdragon Spaces Pathfinder Program. Now you can seamlessly collaborate using FigJam Board. Check out this WIP demo on Quest Pro (the app works on Spaces Dev Kit as well) #XR #Figma #Collaboration #QuestPro #SpacesDevKit #Snapdragon pic.twitter.com/PSMY4cl3QG
— Łukasz Kincel (@lkincel) January 13, 2023
Notes from Figma investment opportunity
Founder of Reddit Alexis Ohanian shared his notes from a missed investment opportunity in Figma back in 2016. Hard to believe that it was still in private beta and they didn’t even charge for it only 6 years ago!
Randomly found my notes from (missed) @figma investment opportunity 6 years ago (almost to the day!)
— AlexisOhanian7️⃣7️⃣6️⃣ (@alexisohanian) December 26, 2022
Congrats @zoink — you really built a damn great product + company. pic.twitter.com/Ngx4iPmbpp
FigTree
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
Loading indicator
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
Managing gradients in Figma
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
Primitive shapes challenge
Vijay challenges himself by limiting his tools only to primitives while working on this icon. It’s quite amazing what can be done by mixing imagination with 29 ellipses, 8 rectangles, and 1 frame.
Friday, Figma & Fun 🧪
— vijay verma (@realvjy) December 16, 2022
Challenge: Create something cool with primitive shape only. Here is an app icon using 29 Ellipses, 8 Rectangles, and 1 Frame with added shadows and noise using the NT plugin. Shared @figma file and Behind the scene below. Enjoy 😍 pic.twitter.com/wcVeCOjGKQ
Shaders
Dan Hollick with a fantastic deep dive on shaders. While this specialized area of graphics programming may seem too niche, shaders have been gaining popularity in UI design for animating gradients and creating cool special effects. In Figma, you can play with shaders inside Rogie’s popular Noise & Texture plugin.
You can read the unrolled version of this thread here: https://t.co/nSJsBnSzDM
— Dan Hollick 🇿🇦 (@DanHollick) December 15, 2022
Design System Overrides
In a short thread, Nitish Khagwal explains how instance overrides work in Figma.
Must know – @figma Design System Overrides
— Nitish Khagwal ✨ (@nitishkmrk) December 5, 2022
thread 🧵 ... pic.twitter.com/pQK87fGZyE
Best advanced Figma tips for setting up a design system
Dann Petty asks for the best Figma tips for setting up a design system, and there are lots of golden nuggets in the replies. One of my favorites is “to not over eagerly start the design system when you start a project”.
I'm pretty good at @figma but today I pushed myself to actually use more advanced techniques.
— DANN© (@DannPetty) November 30, 2022
I'm designing a developers dashboard which would likely become a pretty big design system over time.
Please send your best advanced Figma tips for setting up a design system!
Top 10 Figma mistakes when building the design system
Molly Hellmuth shares common mistakes that many of her students make when building their first design system, from overusing component sets and styles to mismanaging icons and making every component public.
💡Top 10 Figma mistakes I see my students make when they build their first design system.. and how to avoid them
— Molly Hellmuth (@molly_hellmuth) December 2, 2022
Keep reading to learn how.. pic.twitter.com/2bdZOAYMQC
Export Smart Animations to GIF
Early beta of a new plugin for exporting Figma animations into a GIF.
Export Smart Animations to GIF in Figma 🔥
— Michael Yagudaev 🧑🏻💻🇨🇦 (@yagudaev) November 9, 2022
Love to hear your feedback 💜 👇 pic.twitter.com/iKr79EamiD