What is Markdown and how does it relate to design systems?

Markdown is a lightweight markup language that uses plain text formatting. In design systems, Markdown can serve as the missing link between human-readable documentation and machine-usable rules, allowing docs to "talk to AI" the same way they talk to people. This enables automation and code generation workflows.

What is Figma MCP and how does it work with Markdown?

Figma MCP (Model Context Protocol) is a protocol that allows design systems to provide structured context to AI tools. Combined with Markdown, it enables auto-conversion of React code into any framework, turning human-readable docs into machine-usable rules for code generation.

How do you automate "agentic" rule files from design system docs?

You can automate agentic rule files by structuring your design system documentation in Markdown format, which AI tools can parse and understand. This allows you to turn human-readable documentation into machine-usable rules that can be used for code generation, automation, and AI-assisted workflows.

How do you convert React code into other frameworks using Figma MCP?

Using Figma MCP and scripts, you can auto-convert React code into any framework. The session demonstrates this end-to-end by turning a Figma Make React prototype into Swift code using Apple's human interface guidelines - with just Markdown and scripts.

What is Figma Make and how does it work with Markdown?

Figma Make is Figma's automation platform. You can interop Markdown inside Figma Make to create automated workflows that convert design system documentation into actionable code and rules, bridging the gap between design and development.

Who should attend this session on Markdown and scripts?

This session is for designers, engineers, and design system teams building AI-friendly, code-generating workflows. It's suitable for beginner to advanced levels, covering how to turn documentation into automation tools.

What are the benefits of using Markdown for design system documentation?

Markdown makes documentation both human-readable and machine-usable. It allows design system docs to "talk to AI" the same way they talk to people, enabling automation, code generation, and AI-assisted workflows. This creates a bridge between design systems and automation.

Conference Agenda March 2026

Complete schedule for Into Design Systems Conference 2026. March 19-20 online. 14+ sessions on AI Design Systems, Vibe Coding, MCP integrations. Speakers from WhatsApp, Miro, Indeed, Adobe, GitHub, Figma.

Day 1 - March 19, 2026

Prototyping for the unknown by Nate Baldwin (5:00 PM - 6:00 PM)
WhatsApp Web: Reclaiming UI Excellence through Vibe Coding by Sebastian Rousseau (6:00 PM - 7:00 PM)
Product Primitives: The New Material of Design System by Yesenia Perez-Cruz (7:00 PM - 8:00 PM)
The path to an AI enabled design system: Our approach and lessons learned by Andressa Lombardo & Eddie Machado (8:00 PM - 9:00 PM)
Agentic Design Systems by Romina Kavcic (9:30 PM - 10:30 PM)
I'm not an engineer but I ship code: How designers can ship production code and work like an engineer by Freya Stockman (10:30 PM - 11:30 PM)
Context > Probability: Design systems as AI infrastructure by Jesse Gardner (11:30 PM - 12:30 AM)
Encoding governance on agentic design systems by Cristian Morales Achiardi (12:30 AM - 1:30 AM)

Day 2 - March 20, 2026

Building real design systems with agents by Jan Six (5:00 PM - 6:00 PM)
Vibe coding with zero drift: from Figma to Storybook to Production by Shuaiqi (Mr.Biscuit) Sun (6:00 PM - 7:00 PM)
Machine-Readable Design Systems for MCP and LLMs by Diana Wolosin (7:00 PM - 8:00 PM)
From falling for markdown to solving real problems with scripts by Laura Fehre (8:00 PM - 9:00 PM)
Ship It! Vibe Coding Your First Figma Plugin by Davy Fung (9:30 PM - 10:30 PM)
Designers Who Ship: Building a Real Plugin in 48 Hours with AI by Casandra Sandu, Christoph Hellmuth & Raquel Pereira (10:30 PM - 11:30 PM)
AI Without the Chaos: Context-Based Design Systems to the Rescue by Brad Frost, Ian Frost & TJ Pitre (11:30 PM - 12:30 AM)

From falling for markdown to solving real problems with scripts

What if your docs could talk to AI the same way they talk to people?

In this hands-on session, I'll share how falling in love with Markdown changed how I think about documentation and how it became the missing link between design systems and automation. You'll learn how to turn human-readable docs into machine-usable rules, interop Markdown inside Figma Make, and auto-convert React code into any framework using the Figma MCP. I'll demo how this works end-to-end by turning a Figma Make React prototype into Swift code using the Apple's human interface guidelines - with just Markdown and scripts.

Key Learnings

A quick history of Markdown
How to automate "agentic" rule files from your design system docs
How to use Figma MCP and scripts to convert React into any framework

Who is this for

Beginner to Advanced. Designers, engineers, and design system teams building AI-friendly, code-generating workflows.

Speaker

Laura Fehre, Designer Advocate at Figma. Laura bends design systems, materials, and sometimes herself, often upside down, with a camera in one hand and curiosity in the other. Fueled by craft, half coffee, half protein bar, and a full-time obsession with creating, collecting, and doing it all over again (but better).

Tags: Markdown, Automation

About this Session

What if your docs could talk to AI the same way they talk to people?

From falling for markdown to solving real problems with scripts

About this Session

From my session, you will learn:

Who is this for?

Presented by:

Laura Fehre

Secure your ticket now

Access to Recordings

Team Pass Recordings

Solo Pass Live

Team Pass Live

AI Bonus content included