Monday is a blog or publication focused on productivity, time management, and personal development. Readers can find articles on topics such as goal setting, task prioritization, and habit formation. Additionally, they can learn about productivity tools, techniques for optimizing workflow, and strategies for achieving work-life balance.

monday Engineering

Monday.com built an AI-powered system to convert Figma designs into production-ready code that adheres to their design system. Instead of directly generating code, they created a design-system MCP (Model Context Protocol) that exposes structured knowledge about components, tokens, and accessibility rules. An agentic workflow built with LangGraph breaks down design-to-code into 11 focused steps, analyzing layout, resolving tokens, identifying components, and planning implementation. The agent returns structured context rather than code, allowing different teams to generate code in their own style while ensuring design system compliance, accessibility, and proper component usage from the start.

How We Use AI to Turn Figma Designs into Production Code

Why Asking an LLM to “Just Write the Code” Didn’t Work

Making the Design System Understandable to Machines

or just use this open-source converter from figma to code
<a href="https://flowbite.com/docs/getting-started/mcp/" target="_blank" rel="noopener nofollow">https://flowbite.com/docs/getting-started/mcp/</a>
can be plugged in with cursor, windsurf, claude