~/talk

Fast Track Design to Code With Figma MCP

watch on portal.gitnation.org ↗https://portal.gitnation.org/contents/composing-mcp-servers-fast-track-design-to-code
Talkat JSNation US 2025 · on Thursday, 2025-11-20· at 12:50· [ai-assisted-development, developer-experience]

speaker

name:Riccardo Erra
website:https://riccardoerra.com

resources

video:https://portal.gitnation.org/contents/composing-mcp-servers-fast-track-design-to-code
slides:none on file

summary

Shows how the Model Context Protocol (MCP) can connect multiple servers to give an agent structured design data from Figma—variables, components, design notes, and Code Connect mappings—and combine that with editor/project rules to make grounded implementation decisions. Describes adding servers for docs, browser-based runtime checks, and version control so the agent uses verifiable inputs rather than guesses, reducing context-switching and off-track changes.

AI-written summary · about

related talks

~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.