Config 2024: Design systems best practices | Figma

Config 2024: Design systems best practices
Take a dive into all things design systems- from establishing solid foundations like library structure and variables, to tips and best practices to optimize your system for growth and adoption.
Ana, Chad, and Alexia will share their collective insights from working with design systems firsthand and helping thousands of teams set up their libraries for success.
Featuring: Ana Boyer, Designer Advocate, Figma & Alexia Danton, Designer Advocate, Figma & Chad Bergman, Designer Advocate, Figma,

[@baowarrior4892]

the number 1 metric for a design system is adoption.. always remember that.

[@STalvacchia]

It seems like the more layered, interactive, and complex the design becomes, the more the prototype struggles. Interactions start to lag bad with hover states getting stuck all over the place and everything moving slowly. This has become a serious issue for me.

[@donegan50]

Yeah hover states quickly stop working when you’ve got more than a few components using them.

[@platinumdynamite]

I love Figma but it's not a serious heavy prototype tool.

[@STalvacchia]

@@platinumdynamite what do you use for prototyping? Do you use another tool in conjunction with Figma or completely separate?

[@platinumdynamite]

@@STalvacchia I don't currently need to use anything heavy as there is enough established in code that Figma is more of an initial sketch space, but I used to use Protopie for more intricate prototypes. At the end of the day, code is the best place to test serious ideas. Figma prototypes should be answering a question, not trying to provide the solution

[@rossbentley3000]

Great talk, loved all that was said. Great tips thank you!

[@atc12138]

The second woman speaks so quickly.

[@jamietreyvaud3332]

Great stuff thanks for the great tips!

[@stevedennis3428]

Hey thanks for the shoutout on the deprecation article :) Definitely going to check out the Verizon talk and see what we can adopt there. Our approach was very much hacking around the shortcomings of Figma 3+ years ago, lots of room for continuous improvement.

[@drakulaj_]

When will the update be available?

[@RajabNatshah]

Thank you :)

[@dimakifuliak5851]

Where is talk with TE “a look inside teenage engineering”?Just yesterday it was on the channel

[@Underhills]

An open source generic accessible component library would be nice, as an addition to the native Material and HI. Then we could all just relate to three global component libraries and build our brand and patterns around them. A United Nations DS 🌎

[@ismawatinurjannah1249]

Hi guys, how i input like arrow down under sub properties like on 13:46?

[@ismawatinurjannah1249]

updated: after i look at the video in very slow mode.. i think they just copy/paste this symbol ahahha -> ↪

[@jimihollow]

It's a Unicode character named "Arrow pointing downwards then curving rightwards" ⤷. You can access and copy it from the system symbol or emoji panel (at least on macOS).

[@ViruX93]

@@ismawatinurjannah1249 ↳

[@kakuzep]

Can you provide to us Spanish subtitles? Ana Speaks so fast! 😅😅

[@AdriDwitomo]

Lady slow down... 😅

[@charlieb7728]

Does anyone else think that Figma desperately needs to address how complicated Variables are? As a designer I’ve been trying on and off to understand it over the last year and I’m still completely lost.

[@jms3942]

yes. Variables and styles. The UX is so bad for this feature.

[@ViruX93]

I have trouble with understanding advanced prototypes like using conditions but variables are fine.

[@Raisingyourbloodpressure]

You don’t have the right to train your ai off of our designs. Penpot is looking pretty good nowadays.

[@fanovaohsmuts]

It is opt out, is it not?

[@okishan]

@@fanovaohsmuts Penpot is a tool.

[@ViruX93]

I thought it would be opt in

[@francismensah1717]

speaking so fast😨

[@INXIETE]

Ironically, the new UI is the worst update ever. It adds so much complexity, without much value except for looks. Also, it ruins the whole easy-to-use experience. Focus your resources on something else Figma team.

[@jayasurya2781]

Give a couple of specific examples of how it increases the complexity please

[@justinhevey5182]

LOL - I've heard this story before.

[@fanovaohsmuts]

Just say change scares you