Resources

A new library of 514 modern handcrafted icons is available in two visual styles.

Shu Ha Ri is a robust design system meticulously crafted for Figma, offering many essential features and a generous free version. It revolves around modularity and empowers designers to efficiently create diverse instances with a single master component.

Apple updated their iOS 18 UI kit to include iPhone 16 Pro bezels (in all colors), updated templates to match new display dimensions, and several other bug fixes and improvements.

“Show Them” is a new course on landing page optimization by Rob Hope. He hosts one of my favorite design podcasts and curates an inspirational collection of single-page websites at One Page Love. Rob spent years analyzing landing pages, so when he shares knowledge, I’m listening! To see what his content is like, check out the bonus video on Social Proof.

The course is launching on November 19th and offers a generous 70% discount until September 18th, which I immediately took advantage of. (Not affiliated, just love Rob’s work.)

A collection of fun interactions made by Nitish Khagwal.

For a recent project at work, I reviewed popular UI libraries, and it was clear that shadcn/​ui is one of the most comprehensive, customizable, and common choices. I had only a few concerns, one being a lack of a modern Figma library companion — the community file hadn’t been updated in 2 years, didn’t support variables or customization, and missed new components and properties.

I braced myself to spend a week recreating all components in Figma from scratch when Matt Wierzbicki announced his commercial Figma library of shadcn/​ui components. Matt spent years developing Ant Design System, so he is not new to projects of this scale. We licensed the library for our team, and so far, it seems to be very well-made and highly customizable. The product is very new and doesn’t even have a website yet, but it came out at such a perfect moment for me that I still want to shout it out.

Speaking of new typefaces, I’ve been enjoying a highly versatile Innovator Grotesk lately. Unlike some of the traditional typefaces from the print era, this one is made with UI design in mind — its well-balanced vertical metrics make it a breeze to center text vertically inside elements or next to icons. It works well as a drop-in replacement for Inter or San Francisco, and I like a slightly wider width and less ubiquitous look. Highly recommend checking out its beautiful specimens and a simple license.

Delighted to see the internal name sneaking into a shortcut for creating a new Slides deck! BTW, both figjam.new and figma.new have also been around for a while. 

“Figgy instantly turns your FigJam into a website. You get a published site, with a clean domain and custom SEO. All you have to do is drop in your Figma link and it’s live. No coding or technical experience is required.” Read how this project came to life in this Twitter thread.

My friend Helena Zhang designed a new monospaced pixel font and licensed it under the SIL Open Font License. It’s beautiful and nostalgic, bringing back so many memories from the early days of the web. The website is a lovely mix of retro vibes and a modern feel.

Adorable set of 73 unique, license-free pixel emojis.

Wix Studio, which recently introduced an easy-to-use Figma to Wix Studio plugin, has launched a new marketplace for templates. This could be an excellent opportunity for creators ready to jump on it quickly. For context, both Webflow and Framer have over a thousand pre-made templates, while Wix Studio has only 67 at this time. The early bird gets the worm, and designers keep 100% of profits until the end of 2024.

Luis shows where styles and variables can be used in the Figma UI.

A Chrome extension that ​“steals” a button from every website you open. ​“It’s fun, useless, and free!”

“SVG Pattern Builder allows you to create, customize, and download unique animated SVG patterns for your web and design projects. Great for Figma, Framer, Webflow and video projects.” Made by Meng To from Design Code with a lot of help from Claude AI.

The new Figma homepage, this time designed with a custom Figma Sans typeface. (I truly hope this redesign was codenamed ​“Figma sans Whyte” internally.)

I got curious about how the Figma brand and messaging changed over the years and went down the rabbit hole of the Wayback Machine. The first available version is from December 2015 — ​“The Collaborative Interface Design Tool.” A year later, it was changed to ​“The first interface design tool with real-time collaboration,” which feels like something Rasmus Andersson would design. It was updated to the ​“Turn Ideas into Products Faster” in April 2017, which was slightly tweaked later that year. The homepage was redesigned again in January 2019 to ​“A better way to design.”

Finally, one of my favorite versions using ABC Whyte typeface and ​“Where teams design together” tagline was launched in October of 2019 and stayed pretty much unchanged until April of 2021 when it was replaced with a mouthful ​“Minds meeting minds is how great ideas meet the world.” This one didn’t stay for too long and gave way to a great tagline, ​“Nothing great is made alone,” in July 2021, which was used for two years until July of 2023, when it was replaced with a more descriptive ​“How you design, align, and build matters. Do it together with Figma.” That was the version that the new homepage replaced.

Roughly 20% of the population has dyslexia. The Letter Checker by Stark helps you pick fonts that are more likely to work for those people.

The beautifully made radio control panel by Yang You, inspired by the Art of Noise exhibit at the SFMOMA. (I also visited it after the second day of Config, and seeing these cult objects by Dieter Rams and teenage engineering in person was a remarkable experience.)

Femke made a template for the presentation deck as an overview of your next design project.

Daniel Destefanis and Soundharya Muthukrishnan: ​“Here’s a simple presentation template to share designs with your collaborators or clients and get alignment.”