chat-builder-plugin

iMessage Chat Builder is a Figma plugin that does something Figma can't do on its own: take a text prompt, generate a realistic iMessage conversation with Claude, and assemble a pixel-perfect interactive prototype on the canvas. The output is real components from a companion UI kit, part of your design system rather than a one-shot generation.

What makes the plugin precise is exactly what general-purpose AI features can't be: domain-specific. Figma's own native content-population AI is generic by design and knows nothing about your components or how they relate. The plugin encodes iMessage's specific rules directly into the prompt, including grouping logic for consecutive messages from the same sender, participant roles, timing constraints, and theme variants.

This was a proof of concept built before Claude Code or Figma Make existed. When Figma's Dev Mode MCP server shipped, I exported the UI kit into another project: chat-app-prototype, a React Native app where you can chat with Claude inside an iMessage interface. Mention a song and Claude returns a music bubble. Ask for directions and Claude surfaces a map. The prompt became a protocol, then a runtime, with the same domain knowledge moving higher up the stack at each step.