Config speakers. The Verge interview. Framer UI kit.
Sponsor
A unified language from design to development
Quickly build pixel-perfect UIs in Figma and generate clean and efficient C# and XAML boilerplate code your developers will love.
App Updates
Use a mouse? It’s now easier to navigate in Figma
Use the scroll wheel on your mouse to zoom in and out. Right-click and drag to pan around a file.
Update to Library Updates Notification
“Over the next few weeks, we are replacing the bottom right notification button for library updates and replacing with a new library icon for faster entry to library management.”
What’s New
Config 2024 Speakers
Figma shared the Config 2024 lineup with more than 75 speakers from around the globe — it’s absolutely bonkers this year, with folks from Teenage Engineering, The Browser Company, Humane, GitHub, Perplexity, Not Boring Software, Artifact, Ableton, Cron, Linear, Work Louder, Vercel, and many many more. This year’s conference tracks will be organized in a few stages, with separate conversations hosted around design systems, development and code, quality, leadership, etc. Can’t wait!
Why Figma CEO Dylan Field is optimistic about AI and the future of design
Nilay Patel, editor-in-chief of the Verge, talked to Dylan Field in a live interview from SXSW about life after the failed Adobe deal, the new multi-edit and Dev Mode, generative AI, the state of the web, design trends, solarpunk, and what comes next. Nilay is a great interviewer, so I highly recommend reading (or listening!) this conversation.
How Figma is making meetings more collaborative and fun
Fast Company calls Figma one of the “most innovative companies in applied AI” for boosting creativity and digital collaboration with the OpenAI-powered Jambot plugin for FigJam. Wild to think that it was born out of an internal two-day AI hackathon just eight months ago. (For additional context, see the above interview with Nilay Patel.)
FigBrew: Reflecting On A Year Of Figma AI Explorations with Gus Griffin
“Researcher Gus Griffin recently completed one year on artificial intelligence work at Figma. In this conversation with Figma’s Head of Insights, Andrew Hogan, Gus walks through AI feature fatigue, what people really want from artificial intelligence, and how his anthropology background helps him do his work.”
Using Figma
Splitting up larger component sets
Designer Advocate Mal reminds us that it’s crucial to consider the discoverability of components when building a set and points to a new feature of the Assets library that shows a number of component variants and a playground for exploring them.
Clip content and shadows
I often rely on the Spread value in shadows but forget why it is disabled. Handy reminder from Ilya Miskov.
My New UX Portfolio for 2024 (End-to-end Process)
Mizko is rebuilding his portfolio and sharing a behind-the-scenes look into his end-to-end strategy, design, and build process in Figma and Webflow.
Plugins
Gradient Generator
Free plugin for generating linear, radial, and conic gradients interpolated in a variety of color spaces, yielding richer, more brilliant gradients. Live updating so you can easily view and tweak the results.
SVG to Code: React Component
The new Dev Mode plugin for instantly generating React components from selected nodes. See how it works and why Vijay made it in the Twitter thread.
Resources
iOS App Icon Template
“App icon template for iOS 17. See your app icon in context. Editable app icons so you can borrow shapes and styles for your own creations. Made in P3 color space to assure accurate colors.”
Free SaaS Website UI Kit for Framer and Figma
Free website UI kit made by Framer?! You got my interest. “Easily transform your ideas into a fully functional, responsive, no-code SaaS website design within minutes using these free components for Framer and Figma.”
Blank
Blank is “the fastest Figma UI kit and design system for your projects.” It includes weekly updates, an extensive component library equipped with all the necessary stuff for your next project, tokens and variables support, light and dark modes, open-source icons, and ready-to-use layouts.