Resources

Slides from Figma’s Chief Product Officer Yuhki Yamashita talk at Web Summit on ​“how design is changing, and how we need to change with it”. Hope the video will become available one day, as it’s a really interesting take on the modern design and development process.

A library with 1,680+ icons. The free version includes all icons in one of four available styles.

“Figma prototypes are now accessible for screen readers. Learn how to turn on accessibility mode and how Figma design elements are translated to HTML for screen readers to interpret and understand the content and interactive elements in a design file.”

I’m excited to see more commercial design systems adopting design tokens. ​“Version 3.0 introduces new features that will boost designer and developer workflow: sync Figma Tokens with code, improved components Inspect panel, redesigned documentation, and Slot, Space, and Grid components.”

Google’s Material Design team introduced Relay, a new process to transform Figma components into Android UI code. Designers can now use the Relay for Figma plugin to document and package UI component designs that can be sent directly to the developer. No more tedious design specs or back and forth to ensure details are right in implemented code.

Attach Figma and FigJam files to any Google Calendar event.

Carbon is IBM’s open-source design system for products and digital experiences. The Carbon kit for Figma contains all resources you need to get started.

Linear launched a new gorgeous home page and did a Q&A party in a Figma file while the website was under a DDoS attack. The file is read-only but still fun to explore and review the questions and answers from the team.

Figma asked the design company COLLINS to help craft a brand story and campaign that would debunk the Myth of the Lone Genius and get everyone from the intern to the C‑suite collaborating on their platform. The two companies worked closely together on this fantastic story.

Madeleine Lee, Product Designer at Figma, took a stab at breaking down some of Gen Z’s unique differentiators into design principles we can carry into our own work at the recent Friends of Figma SF meetup. Even if you’re not interested in this topic, her slides are gorgeous and worth a look.

Lo-Fi wireframing kit inspired by the analog process of paper prototyping.

A new widget from Figma that lets you use your Bitmoji stickers across both apps.

Ando is out of beta. It’s a plugin using Stable Diffusion to generate AI art right in Figma. If you didn’t have a chance to play with Stable Diffusion yet, check out DreamStudio Beta from its makers.

A collection of fully customizable iPhone mockups, including Plus, Pro, and Pro Max models.

Fons Mans recreates the new iPhone 14 Pro wallpapers in Figma.

Speaking of the font metrics, I’ve just bought the Martian Grotesk font family for the upcoming redesign of my personal website. Its author Roman Shamin put a great deal of work into making this font a fantastic choice for web and digital design — equal vertical metrics for perfect positioning inside a bounding box, glyph height sticking to the pixel grid at common sizes, case sensitivity, and a variable version. It’s one of the most thoughtfully made fonts for the UI work and currently it’s 60% off until September 4th. (See also his free open-source font Martian Mono.)

I’ve been using Alfred since v1, but lately been trying Raycast as another fast and extendable launcher. So far it feels more modern and polished. Extensions make it really powerful and there are tons of them made by the community. Figma File Search lets you quickly find and navigate to Figma files in your team account.

Lingo provides an easy-to-use visual hub for your Figma assets.

Sprig makes it easy to conduct high-impact research with your users throughout the entire product lifecycle. You can easily run concept and usability testing on one or many Figma prototypes within the same Sprig study.

A great set with over 2,150 free and open-source icons.