Bruno Figueiredo, a Community Advocate for Figma in Portugal, came up with a fun community project — “lets all record our journeys from all across the globe heading into San Francisco. It doesn’t need to be perfect or look cinematic. Just grab your phone or camera and record the fun moments, the packing, the ride to the airport or the flight, the registration… all the little bits up until the moment the conference is about to start.” Can’t wait to see the end result!
A guest post in Lenny Rachitsky’s newsletter by Figma VP of Product Sho Kuwamoto on the importance of feel, service, and staying close to customers. “Fast-forward to 2023, and Figma has grown beyond what I could have imagined. It’s gotten to the point where people often ask me for advice on how to prioritize features or how to run a product process. These questions are hard for me to answer, because I don’t think we do anything special. Our process is messy and we make mistakes. We create designs and then throw them away. We miscommunicate all the time and forget to write things down.”
Jan Toman gathered the best practices for creating solid button components.
I often get asked about the best practices for creating well-usable components in @figma. So let's try an experiment — publishing component blueprints built with component usability in mind.
— Jan Toman (@HonzaTmn) May 21, 2023
Here's the first one: Button! 👀 https://t.co/sVw16LtIbM
Designer Advocate Mal shows how to use the new memory control features: “To keep you informed of your memory usage, and any potential issues that may arise, we’ve adjusted our memory banners and alerts to live in the sidebar along with your pages and layers. We’ve also introduced a Memory use tool to surface memory consumed in your files by Page Content and Imported Components as well as the ability to show memory usage in the layers panel for all layers.”
Figma updated the memory use tool and warning experience! 🧵 here for more details 😍
— Mal (@mdeandesign) May 24, 2023
State management is now standardized for prototypes using interactive components, scrolling, and video so that Figma can memorize the state, share it across the frames, and offer a way to reset. See a deep dive by noodles expert Niko on how to use the new features. (Also, this is my kind of joke.)
Mal with a quick demo of Shaper, Magic Marker, and A Selector plugins.
Here is a a quick vid on 3 of my current favorite plugins to use in FigJam! pic.twitter.com/q6Dodqp2Nf
— Mal (see u at config) (@mdeandesign) May 16, 2023
Molly Hellmuth shares her favorite tips from the “Figma like the Pro’s” series — editing Auto Layout directly on the frame, using Constraints with Grids, deleting and healing vectors, using Auto Layout as an organizing tool, and copying links to specific pages, frames, or sections.
"Figma like the Pro's" is a TREASURE TROVE of tips!!!
— Molly Hellmuth (@molly_hellmuth) May 19, 2023
I just binged all of them and here are a 5 of my favorites.. 🤩 pic.twitter.com/KpaPRp9Yqm
In this Study Hall, Miggi shows how to make Interactive Component carousel galleries.
A useful freebie from Luis Ouriach — 360 badges, pills, and tags in the full-color palette range.
Fascinating comments from Sho Kuwamoto, Figma’s VP of Product, on how plugins are implemented. Each plugin runs in a security sandbox — “We actually took a JavaScript VM, compiled it down to WebAssembly, and then we run that VM inside of the browser. So it’s a completely separate engine than the native JS engine. For security reasons, we don’t want two scripts running inside that VM, because then the two scripts could potentially have access to each other. And we don’t want to run two instances of this VM, for memory reasons.” 🤯
The reason we don't let you run two plugins at a time is performance + security.
— Sho Kuwamoto (@skuwamoto) May 3, 2023
Each plugin runs in a security sandbox that works in a kind of crazy way.
In this video, Darshan Gajara from Consistent Creators podcast talks to Designer Advocate Luis Ouriach about his role at Figma, overcoming burnout, building an audience, and the breakdown of his viral Twitter threads.
Great examples of automating grunt work with the Automator plugin.
Follow up to last week's tweet about @Figma / @diagram automations. Here are 6 I use regularly:
— Greg Huntoon (@GregHuntoon) May 3, 2023
1. Set component property
2. Replace selected text
3. Reverse layer order
4. & 5. Add/remove auto layout to selected frames
6. Count selected objects
Alright, let's break them down... https://t.co/hVWMMNpxdG pic.twitter.com/wWI3eKlol2
A simple but fun technique for creating cool animations with mirrored components.
Random silly Monday fun in @figma with mirrored components pic.twitter.com/jfFRgvzCFN
— Double Glitch 🇺🇦 (@double__glitch) May 1, 2023
Ridd just launched Deep Dives, “a new interview series full of stories and advice to help you take a huge leap forward in your career”. In the first episode, Joey Banks gives an in-depth look at what it’s like to lead design systems at Twitter and Webflow, shares his strategies for structuring component libraries, working efficiently in Figma, and even keeping up with all of the latest plugins and tooling.
A set of social widgets for Bento with a little extra depth from Double Glitch.
A quick demo of the sticky scroll feature introduced as part of the recent Little Big Updates.
Lauren shows how to create a micro animation (also known as micro interaction) using a heart icon. These interactions add a really fun touch, and I love that the tutorial uses a heart icon from another tutorial by Miggi.
Lauren Andres discovers an older feature “delete and heal” to create smoother vector lines.
Fons Mans is back with a new tutorial on how to create a glowing glass effect in Figma.
Tutorial Thread ✨
— Fons Mans (@FonsMans) April 28, 2023
Learn how to create a glowing glass effect with @figma, in just a few easy steps — no plugins needed!
Ready? Let’s dive in 👇#sponsored pic.twitter.com/6NNqVmrYfa
A good tip from Jan Toman on color-coding different types of components inside a Figma library, which allows everyone to identify the component’s source and set the right expectations from these components.
When using @figma libraries, we found color-coding different types of components extremely helpful.
— Jan Toman (@HonzaTmn) April 25, 2023
This allows everyone in the team to identify the component's source quickly and set the right expectations from these components.
Some tips and learnings in the thread 🧵 pic.twitter.com/FMr7kjSVBv