Halodoc
Read post

How We Generate Production SwiftUI from Figma Using AI Skill at Halodoc

Halodoc built a FigmaToSwiftUI Skill — a reusable AI agent task script — that generates production-ready SwiftUI code directly from Figma designs. The workflow chains Figma MCP (live API access), Figma Code Connect (mapping Figma components to Swift APIs), a Skill File (step-by-step agent instructions), and an AGENTS.md context file. Prerequisites are a Design System with Swift APIs and Code Connect mappings for every component. The Skill fetches the Figma node, maps components to DS equivalents, shows a confirmation table before writing code, generates View.swift and ViewModel.swift with proper tokens and localization keys, and runs SwiftLint. A mid-complexity screen that previously took 6 hours now takes 30–45 minutes at roughly $0.13 per screen. Known gaps include manual image asset export, dependency on a complete AGENTS.md for localization, and manual splitting of complex screens. The Skill is open-sourced on GitHub.

    #webdev#mcp#ai-coding#figma#swiftui
May 29•16m read time•From blogs.halodoc.io
Post cover image
Table of contents
Traditional Development ProcessBefore You Build This: Two Things You Need FirstThe Full Chain — How Each Piece ConnectsSetup — Step by StepWhat Each Section of the Skill Is DoingWhat This Changed for the TeamChallenges and What We're Working OnSummaryReferences
4.2K Impressions
Halodoc's image
Halodoc

HaloDoc is a healthcare technology platform that offers telemedicine services, online pharmacy, and ...

61 Followers

•

678 Upvotes

Would you recommend this post?

Copy link
WhatsApp
Facebook
X
New Squad
  • © 2026 Daily Dev Ltd.
  • Guidelines
  • Explore
  • Tags
  • Sources
  • Squads
  • Leaderboard