Molly Hellmuth explains how to build the perfect combo button that contains two actions in one component, each with independent states and resizing behaviors. This button allows designers to combine related actions, saving space and simplifying designs.
💡Figma Tip: Build the perfect combo button
— Molly Hellmuth (@molly_hellmuth) February 10, 2023
Create a button that contains 2 actions in one component. Each with independent states and resizing behaviors. This button allows designers to combine related actions, saving space and simplifying designs.
Keep reading to learn how.. pic.twitter.com/q8UfrAjFUX
Seems like Figma reversed the original policy prohibiting third-party payment tools and delayed the launch of the paid resources in the Community until March 7th. While I believe Figma’s 15% fee for covering transactional costs and acting as the merchant of record is very fair, I applaud their flexibility and openness to community feedback. (Historically, Gumroad was one of the most popular platforms for selling digital products, but with their recent price increase I don’t know why would anyone go with them instead of a built-in community marketplace.)
👏 Hats off to @figma for listening to creators and reversing their policy - a great move unlike other companies who take advantage of their ecosystem makers whenever they can (🐦👀) pic.twitter.com/Q1Bnmmy0CI
— Vincent Le Moign 🇺🇦 (@webalys) February 9, 2023
If you ever wonder what Designer Advocates do at Figma, Clara Ujiie just gave a mini-presentation to Figma interns answering this question. While community engagement is the most visible part of advocates’ jobs, they also spend a lot of time on customer education and learning how customers and the community use Figma.
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
Essential list for any card-carrying Figma professional.
If you aren't already doing these things, do you even Figma? 🧵👇 pic.twitter.com/CgQydd6v2a
— Corey Lee | Figma Japan (@factorzero) January 30, 2023
A new project by Vijay Verma: “Figbruary is a fictional month created by combining Figma + February where you can experiment and design things daily to push the limits. For every 24 hour day within this 672 hour timespan of the month, we have prepared a prompt with instructions for you to design and create.”
See the past submissions on Twitter, like this weather icon made with only primitive shapes.
Sean Whitney, Craft Ventures investor and early Figma team member, sat down with Toni Gemayel, Figma’s first growth marketer, to talk about how he scaled growth marketing at Figma. While at Figma, Toni launched their Design Systems website, built an experimental Variable Fonts plugin before the native support was shipped, and was heavily involved with the design community.
Luis Ouriach wrote a massive multi-part guide on structuring teams, organizing projects, and managing files in Figma.
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
MDS with a new live redesign process video from Shift Nudge curriculum on density and style.
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
Lenny Rachitsky talks to Yuhki Yamashita, CPO (Chief Product Officer) at Figma. “In today’s episode, we talk about operationalizing quality, the case against OKRs, and how Figma isn’t just known for product-led growth, but also for building a community of empowered users. Yuhki also shares why he thinks storytelling is key to being a great product manager, owning the “why,” and the potential impact of Adobe’s acquisition of Figma.”
Fons Mans shared a project quote template that he used in 2022.
Miggi started a YouTube channel with his design shorts, Figma tips, and tutorials. Start with his recent series on making icons in Figma.
I’ve been enjoying Molly Hellmuth’s Friday Five newsletter with Figma tips and tricks. In the most recent issue, she shared a few clips from her Design System Bootcamp – like this tip on organizing file structure or another one on component properties.