Transfer work. UI kit update insights. GitHub × Figma event.
Sponsor
Transform your designs with the new Figma to Wix Studio plugin
Seamlessly export your creations from Figma to Wix Studio and take them further with no-code animations, built-in business and AI solutions, CMS, custom code—and more.
Updates
Transferring work
At Config, Figma shared a roadmap to make Figma work better for freelancers and agencies. Last week, they launched the first step towards this commitment. Now, you can transfer work to your clients on Pro plans. In the process, you can keep a copy of the work for yourself, and clients can remove collaborators when accepting a transfer to avoid accidental upgrades.
FigJam connectors
Small improvements to FigJam keep coming — now connectors can connect to the edge or arbitrary spots on an object, not just the NSEW cardinal directions.
Using Figma
Findings and discoveries from a design system update
Molly Hellmuth shares daily discoveries while working on the UI Prep design system update. There are great tips on pairing heading and body sizes, clearly marking a default text size, avoiding hiding components with a period or underline in the name, scoping variables in bulk, establishing a set of “surface” colors, removing a focused state, and including a special data text style for tables.
Figma + Rive: sharing my workflow for UI animations
Andrei Rybin shows his tools and methods for interface animations. Rive is a very interesting product I’ve been meaning to try for a while!
10 Advanced Figma Hacks in 2024
Mizko shares his favorite Figma tips and tricks — using status and annotation kits, nested arrows in names, min- and max-width in Auto Layout, variable modes for breakpoints, coying a FigJam connector to Figma, making icons searchable, Auto Layout a parent frame, looping variables, and user variables.
The Best Way to Export Your Figma Designs and Frames
Sam Anthony explores the most effective methods to export, share, and hand off your designs in Figma.
Using Slides
Inside the minds: Steal this deck
“Join Damien Correll, Figma’s Creative Director, to learn about what makes a good story, how to shape your stories, how to design slides to let your story shine, and common slide design mistakes to avoid.”
Design your custom slides templates
“Watch this recording to learn how to up-level your team’s presentations by creating beautiful, functional custom templates in Figma Slides. You’ll learn about how to use advanced features in Figma Slides, how to publish your templates, and best practices for designing decks for your team.”
GitHub × Figma Dev community event
Invisible Infrastructure: How we shipped new color tokens without breaking GitHub
A day before Config, teams from GitHub and Figma hosted a dev community event with lightning talks. The recordings are finally available.
In the first talk, Katie Langerman, Staff Systems Designer at GitHub, shares how designing, testing, and shipping new design tokens at scale without disrupting users requires meticulous planning and care. She discusses how the Primer design system team revamped Primer Primitives with a new naming convention and build process, connecting core Figma libraries with code.
Putting theory into practice: How GitHub uses Figma for its a11y annotation kit and training
The myriad of design annotation kits and countless types of accessibility training only works if designers want to use them. Learn how Alexis Lucio and Jan Maarten, Senior Accessibility Designers at GitHub, build new tools in Figma and host product design bootcamps to get designers involved and excited about accessibility.
Brand as a product: How GitHub uses Figma to scale brand and reach developers
Sam Oshin, Senior Director of Brand and Marketing at GitHub, demonstrates how GitHub’s brand team uses Figma and a unique philosophy to building and maintaining brand systems.
Config Dev Community Event Panel Discussion
“Diana Mounter, Head of Design at GitHub, hosted a panel of Hubbers from research, engineering, and design, discussing everything from customer-first approaches to the integration of AI, and collaboration across GitHub teams.”
Made in Figma
Komplete Audio 1
Highly realistic illustration, made entirely in Figma by Fabian Albert.
Pixel Emojis Set
Adorable set of 73 unique, license-free pixel emojis.
Plugins
Ugic
Ugic is a plugin for generating multi-language UI drafts from your component library. It can be trained on your internal components, which is key — more details in the plugin introduction.
Dora AI — Generate Websites in Figma
“Dora AI plugin helps turn your website ideas into fully editable Figma designs, perfect for web designers seeking inspiration and efficiency.”
Shape Shifter
Vijay Verma made a tiny plugin to simplify the vector editing workflow when working on illustrations. Here is how it started: “After releasing UI3, people have been complaining that the boolean task is a bit hard to find. So, I thought, why not create a tiny plugin with some of the most commonly used options for vector work?”