Headless design systems. Making plugins with ChatGPT. Testing components.
Headless design systems in Figma
A guide to using Tokens Studio to create flexible component libraries: “In headless design systems, the visual representation of components decouples from the logic required for their creation. Your building blocks gain UI after you apply tokens to them.”
I believe eventually starting work on top of a standard headless library will be normalized, similar to standard libraries in programming languages. How many times do we have to recreate all states of a button or create modals from scratch?
How we made our Figma workflow 15% more efficient
The team at Deliveroo built a library of “file management goodies” to bring more context to their designs and help people across the business navigate design files more efficiently. Section banners, flow and screen details, highlights, notes, and linked resources helped their team annotate their thinking within Figma.
Designs with context = better collaboration
Jackie Zhang writes about approaches to enhance team communication through logically structuring Figma files, labeling and annotating your designs, and hooking up all your files in a single FigJam flow. I particularly like the last recommendation and going to try it on the next project.