本地优先 · MCP 直连 AI · macOS
让 AI 看懂你的设计
非鱼是本地设计文件客户端。把 Sketch / Figma 设计稿导入进来, AI 就能直接看图、读结构、写代码——还能用大白话帮你改稿。 一切都在本地,数据不上传。
支持 Apple Silicon 与 Intel · 未签名包,右键打开即可
非鱼是本地设计文件客户端。把 Sketch / Figma 设计稿导入进来, AI 就能直接看图、读结构、写代码——还能用大白话帮你改稿。 一切都在本地,数据不上传。
支持 Apple Silicon 与 Intel · 未签名包,右键打开即可
支持的设计格式与 AI 客户端
非鱼把设计稿解析成统一的结构化数据,通过 MCP 暴露给 AI。你只管说需求,剩下的它来。
fig 走 Skia 直渲、sketch 走 Chromium,渲染成 PNG 直接喂给 AI。不再是盲写代码,是照着稿子实现。
每个节点的尺寸、颜色、字体、flex 布局都是精确数据,AI 拿到的是 CSS 原生命名的设计语义。
色板、字号梯度、间距、圆角自动统计成 tokens,生成 CSS 变量——代码里没有裸色值。
「主色换成蓝」「标题字号改 20」——改前 dryRun 预览,改完截图对比,不满意一键回滚。
自包含 HTML、JSX + Tailwind(vw/rem/令牌化)、图标 SVG、高清 PNG,甚至反向导出 .fig 回设计工具。
解析、渲染、存储全部在本机完成。MCP 服务只监听 127.0.0.1,Bearer token 鉴权。
不用打开设计工具,不用懂工具名。说一句人话,AI 自动定位节点、预览变更、执行修改, 客户端 3 秒内刷新。改坏了?快照回滚,随时反悔。
换个主色、批量替换文案、调间距圆角、整套换暗色皮肤——都是一句话的事。
「用 FLYU 把【文件名】的【页面名】实现成 React 组件」——AI 自动走完这四步。
渲染设计稿,AI 先「看」一眼,理解视觉结构。
主色、字号、间距变成 CSS 变量,不写死色值。
读 DSL 精确尺寸与 flex 布局,按你的组件库收敛。
实现版与设计稿像素级对比,有差异自己接着改。
