Figma设计好的app UI转ios前端代码

主包在figma好不容易设计好了UI/UX，下载了源代码，结果发现figma只支持web端代码

本来企图让cursor+claude4或者codex cli直接翻译成ios的swiftui代码，但效果非常烂
主包后来让cursor+claude4看了每一个页面的截图，并沉淀出了一份UI/UX review的文档，但效果仍然很烂
后来又尝试让cursor+claude4看一下整个UI/UX的web项目文件，然后沉淀出一份web转ios的翻译guide文档，但效果仍然很烂

遂决定放弃让ai自己看图说话，而是让codex cli当最惨牛马，让它自己去看web端的项目文件，然后把它看到的每个page全部描述一遍，各放入一个.md文件，然后据此修改现在跟设计稿出入很大的UI

给codex cli（满血版）的prompt：

你去{从figma下载的代码文件夹}目录下仔细浏览每个页面和子页面的UI，里面是我在figma设计好的app前端样式，不过这是个web端代码。你去开一个新的目录，名叫ui_description，然后为每个页面沉淀出一份.md文档，用于详细描述这个页面的UI。这是为了将web端代码转换成swiftui，用于当前app的开发。请你理解以上需求，然后开始浏览web端代码、写文档并据此修改当前的UI。无法启动ios沙盒测试的问题请直接忽略，因为你确实没法启动模拟器。

一次成功，效果很好，openai的恩情还不完，导致主包变得更懒

#前端 #个人开发者 #ui #uiux #figma #产品设计 #cursor #codex #UI设计师 #手机端界面