Figma is setting the stage for the next week’s Config with multiple smaller long-awaited releases. I bet bulleted and numbered lists, switching between accounts, and publishing individual components were their 2nd, 3rd, and 4th most popular feature requests. (Dark mode has to be number one!)
Don’t miss a great article on creating the official Figma kit for Tailwind UI, Yuan Qing Lim’s thoughts on monetizing Figma plugins, and an insider’s look at ordering of Auto Layout elements. See you (virtually) at the Config!
My practical guide to Figma, showing how to create layouts that will evolve over time, build design systems at scale, and stay organized and efficient in the process.
Figma is changing its free Starter plan on April 21, 2021. Drafts are becoming a personal space for work with unlimited files, pages, and viewers. If you want to co-edit with others, you have to move the file to a team space. They’re removing the two-editor limit in the team space but adding a new maximum of one project with three files and a cap of three pages per file.
Use bullets and numbers to organize information, emphasize important details, or outline steps. Check out the video by Anthony DiSpezio with a quick demo. Hope you caught the fun lists launched as an April Fools joke!
“As part of April Fool’s Day, we opted for “fun” instead of “fools” (just like last year!) by shipping themed lists in Figma. While the randomly-generated emoji themes only lasted for 24 hours, lists — a top feature request — are here to stay. Starting today, you can create bulleted and numbered lists, allowing you to more easily take notes, provide context, and outline next steps in Figma.”
You can now select specific components to publish changes in your libraries. Miguel Cardona gives a quick demo in the video, and Figma’s Director of Product Sho Kuwamoto provides context behind this release.
Seamlessly switch between your work and personal Figma accounts while preserving a single Community handle.
“Product Manager Ben Stern shares how delivering on a seemingly simple user request required navigating a surprising amount of complexity: the technical foundation, design explorations, and building towards a new north star, while solving for short-term needs.“
Miggi from Figma points to another small improvement shipped as part of this release.
Great guest post by David Luhr at Figma’s blog on what it takes to ship a commercial UI kit with over 1,400 components and 10,000 distinct elements, all while keeping quality and usability top of mind. I love the work the Tailwind team is doing, and this is a great look into their process.
Solid plugin recommendations from the team at Superformula.
A detailed guide to the latest version of Auto Layout.
Speaking of Auto Layout, this tweet by Rasmus Andersson (Figma’s Staff Designer in the past) and the following discussion in replies provides an interesting look into why the items in an Auto Layout go backward and why this probably won’t change soon.
Great thread by Yuan Qing Lim, a prolific author of over a dozen of Figma plugins.
Luis shows how to use Figma for creating a quick Instagram post.
A reminder about an essential feature from Joey Banks.
A free preview of the official Tailwind UI Figma Kit, containing all the Text, Color, and Effect Styles found in Tailwind UI, along with 40+ complete components that use the latest Auto Layout and Variants features. See also a blog post on its creation above.
A Figma template from Dropbox to help facilitate cross-functional collaboration across teams.
UI kits & sample apps for building in-app mobile chat.
Cards for Humanity is a tool for inclusive design. Deal the cards to get a person and a trait. Your challenge is to work out how you can design for their needs.
🧑💻 Figma to React
Convert Figma designs to React code (React Native and Next.js). See also a discussion on Hacker News.
This is epic! One less reason to use Illustrator. “Mesh Gradient generates a gradient image with an underlying 2d mesh, and lets you edit the vertices & edges of the mesh to get the perfect gradient look.”
Gleb Sabirzyanov released a major update to his popular plugin for working with components.
New plugin providing sensible UX copy templates with multiple variations in voice and tone.
A new plugin by Metalab for dropping your designs into one of several hands in two easy steps.
Great thread about the early days of Figma by Sam DeBrule.
“Last month, South Park Commons community hosted Figma CEO and cofounder Dylan Field for a virtual fireside chat. In this conversation, Dylan walked us through Figma’s inception, building into a growing design market, and what it was like staying in stealth for years. Read on for snippets from the fireside chat at South Park Commons.”