产品简介
pixels2flutter 一款AI驱动工具，能将应用截图、设计稿或线框图直接转换为Flutter代码并即时运行。适合需要快速原型验证的Flutter开发者和产品设计师，将创意想法秒变可交互应用。
核心功能
- 支持上传截图、线框图、甚至手绘稿
- 可添加额外指令描述UI交互行为
- 利用GPT-4o等多模态大模型生成代码
- 代码自动存储至GitHub Gist
- 生成结果可在浏览器DartPad中直接运行预览
快速开始
- 选择或拖拽上传一张UI截图、线框图或草图
- 可选地在输入框添加额外指令，描述UI的交互逻辑
- 等待AI分析并自动生成Flutter代码
- 代码生成后，可直接在浏览器内的DartPad中运行和预览应用效果
界面预览
与其他方案对比
| 对比项 | pixels2flutter | 同类方案 |
|---|---|---|
| 开发效率 | AI直接从图像生成代码，大幅提速 | 传统方式需手写代码或使用构建工具，耗时较长 |
| 环境要求 | 生成代码可直接在浏览器预览，无需本地配置 | 通常需要搭建完整的本地开发环境才能运行预览 |
适合谁用
- 需要快速验证UI设计效果的Flutter开发者
- 希望将设计稿快速转化为可交互原型的产品设计师
- 想把游戏或App想法快速变为可运行Demo的独立开发者
下载与版本
当前最新版本为 main，发布于 。支持 Windows、macOS、Linux。
⚠️ 注意：本项目仅提供源代码下载，不包含可直接运行的安装包（exe/dmg/apk 等。下载后需要自行编译构建才能使用，适合有一定开发经验的用户。如果你不熟悉编译流程，建议寻找同类开箱即用的替代方案。
注意事项
- 本工具仅供学习和研究使用，请遵守相关法律法规。
- 请尊重内容创作者版权，勿将下载内容用于商业或非法传播。
- 项目源码地址：https://github.com/davidmigloz/pixels2flutter