Skip to content

Figma

Purpose

Primary UI/UX design tool. Used for designing components, screens, and visual assets for ecomonetize.com and customer-facing product surfaces.

How we use it

MCP server installed (mcp__claude_ai_Figma__*). Supports: reading designs, generating screenshots, design context extraction, Code Connect mappings (linking Figma components to code), diagram creation in FigJam, design system management.

Setup & credentials

OAuth via Claude Code MCP. Professional subscription.

Owner

code.platform — design + implementation live in the same agent per v1.2 compression (absorbed designer.ux).

  • [[lovable]] — builds websites from Figma-like design intent
  • [[miro]] — whiteboards (different use)
  • [[code.platform]] — primary owner

Notes

Code Connect is the bridge between Figma components and code implementations — enables design-to-code workflows without manual handoff.