摘要：要将Figma设计稿转换为UniApp代码，可以按以下步骤拆分任务，逐步引导AI完成代码生成：

前提，已经找设计师设计好了相关页面，需要用 Uniapp 实现。

要将Figma设计稿转换为UniApp代码，可以按以下步骤拆分任务，逐步引导AI完成代码生成：

请帮我分析这个Figma设计稿 ,列出所有页面和主要功能模块。然后帮我设计一个合理的UniApp项目结构，包括目录结构和主要文件。

请根据Figma设计稿中的页面，帮我拆分出需要的页面组件和可复用组件。对于每个组件，请描述其功能和属性。然后设计组件和页面之间的关系图。

请帮我生成UniApp项目的基础代码，包括pages.json、manifest.json和App.vue。pages.json中需要包含设计稿中的所有页面路由。

请帮我实现以下公共组件的代码:

1. 底部导航栏组件

2. 顶部标题栏组件

3. [其他在设计中出现的可复用组件]

每个组件需包含完整的template、script和style部分。

为每个页面单独请求代码实现，例如：

请根据Figma设计稿，帮我实现首页(Home)的完整UniApp代码，包括页面布局、样式和基本交互功能。请包含所有需要的CSS和JavaScript代码。

请设计这个应用需要的数据模型和状态管理方案。包括：

1. Vuex存储结构设计

2. 主要数据模型定义

3. 关键状态和数据流转图

请帮我设计这个应用可能需要的API服务层代码，包括：

1. API请求封装

2. 常用服务方法

3. 数据转换和适配器

为特定功能请求具体实现：

请实现[具体功能]的交互代码，包括：

1. 用户点击事件处理

2. 表单验证和提交

3. 数据获取和展示逻辑

请根据Figma设计稿，帮我优化以下页面/组件的样式，确保与设计稿完全一致：

1. [具体页面/组件名称]

2. [具体样式细节描述]

请提供这个UniApp项目的测试和调试建议，包括：

1. 常见问题和解决方案

2. 不同平台(iOS/Android/微信小程序等)可能出现的兼容性问题

向AI提供设计稿的明确链接和节点ID，确保AI可以参考正确的设计内容

每次只专注于一个组件或页面，避免请求过于复杂的内容

提供足够的上下文信息，包括组件之间的关系和数据流

对于复杂的页面，可以先请求页面结构，再逐步完善具体功能

使用清晰的命名规范，确保AI生成的代码易于理解和维护

如果生成的代码有问题，及时让AI修改完善

通过这种结构化的方法，你可以有效地引导AI将Figma设计稿转换为完整可用的UniApp代码。

来源：百顺科技达人