“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
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.
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
Ana Boyer with tips for using Figma for presentations.
Some #FigmaTips for creating and presenting slides in Figma! 🧵
— Ana Boyer (@_AnaBoyer) January 19, 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
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
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
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
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
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
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
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
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
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!
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
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
Vijay is experimenting with inner shadows in Figma. Despite a limit of only 8 shadows, it’s usually enough to create a 3D effect on any shape.
Experimenting with inner shadows in @figma.
— vijay verma (@realvjy) November 14, 2022
I found that if you use drop shadow or inner shadow on any layer, the limit is 8. In spite of this, it is enough to make any shape like 3D. One secret shared below ☺️. pic.twitter.com/da9sz9fLv0
Ridd explains why it’s better to think of each container component as having a single slot instead of a bunch of individual slots.
Seeing a lot of people making the same mistake with slot components...
— Ridd 🏛 (@Ridderingand) November 15, 2022
Here's what to avoid 👇 pic.twitter.com/vu0KxP7vMa