I've been experimenting with using AI agents to go from a design → Android UI, and I'm curious how others are solving the design-to-code fidelity problem.
Figma + MCP seems to be one obvious approach, but I'm wondering what other approaches people are using to give an agent enough context about the intricate details of a design — spacing, typography, component dimensions, colors, corner radii, shadows, alignment, responsive behavior, etc.
For example, are people:
- Giving agents screenshots and letting them infer the UI?
- Exporting Figma/design metadata through MCP?
- Using some kind of design tokens/spec files as an intermediate format?
- Maintaining a component/design-system library that the agent can reference?
- Using image/PDF/vector exports alongside textual instructions?
- Building custom MCP servers or other tooling around their design system?
- Using any free/open-source alternatives to Figma + MCP?
I'm particularly interested in workflows that can get reasonably close to pixel-level fidelity, rather than just generating something that looks vaguely similar.
Would love to hear what workflows/tools you're using, especially for Jetpack Compose. What has actually worked well for you in practice?
submitted by /u/loki_hunter[link] [comments]