Engineering posts about Design Systems
Curated summaries and key learnings for engineers working with Design Systems.
The Figma design agent is here
The Figma design agent is a new tool integrated directly into the Figma canvas, aimed at enhancing the design workflow through AI-driven functionalities. This agent allows designers to explore...
Workflow lab: Expanding the canvas with Figma MCP
The article presents a detailed exploration of how Figma MCP (Multi-Channel Platform) enhances the collaboration between design and development teams by allowing real-time interaction between coded...
The TL;DR on MCP: Why context matters and how to put it to work
The article introduces the Model Context Protocol (MCP), a framework designed to enhance the integration of design systems with AI tools, particularly in the context of product development. MCP...
Agents, meet the Figma canvas
The article introduces the integration of AI agents with Figma, allowing designers to leverage AI for enhanced design workflows directly on the Figma canvas. It highlights the introduction of the...
How to supercharge your design system with slots
The article discusses how to enhance design systems by implementing 'slots', which allow for greater customization of components without compromising the integrity of the system. It outlines the...
3 ways product teams are building conviction faster with Figma Make
The article outlines how product teams at companies like ServiceNow, Ticketmaster, and Affirm are leveraging Figma Make to enhance their prototyping processes, allowing for faster iterations and more...
The Way We Notice, That's What Really Matters: Instantiating UI Components with Distinguishing Variations
The article presents a novel approach to instantiating UI components by introducing the concept of distinguishing variations, which are both mimetic and distinct. It highlights the challenges...
Building frontend UIs with Codex and Figma
The article introduces the Figma MCP server, a tool designed to enhance the workflow between design and code generation using Codex. It allows teams to seamlessly transfer design elements from Figma...
The future of design is code and canvas
The article explores the evolving landscape of design and development workflows, emphasizing the synergy between code and visual design tools like Figma. It introduces the Claude Code to Figma...
From Claude Code to Figma: Turning production code into editable Figma designs
The article explores the new capabilities of integrating Claude Code with Figma, allowing developers and designers to transform production code into editable design artifacts seamlessly. This...
For the love of craft: Vectorize images in Figma
The article introduces 'Vectorize', a new AI-powered tool in Figma that enables users to convert raster images into editable vector graphics. This functionality allows designers to refine and scale...