PORT
FOLIOPORTFOLIO.
构建设计系统 · AI赋能设计 · Vibe Coding
AI助力构建理性逻辑，重塑商业美学
NI CHENG
利用 Vibe Coding 构建可交互的产品，模拟产品逻辑，还原用户体验。
设计不止于交付.
是逻辑的可视化与落地的预演
在 AI 重塑生产力的当下，单纯的"视觉交付"已不再是设计终点。 我将工程思维前置到设计阶段—— 利用 Vibe Coding 构建可交互原型与提效工具，在开发介入前验证技术可行性， 将设计稿到代码的翻译损耗降至最低。
设计系统 × 业务解构
B 端设计的核心是逻辑自洽。擅长将复杂业务流拆解为原子化组件，通过 Variables 统一 Token 体系，构建跨端一致的设计系统。独立维护 Web + Mobile 双侧组件库，研发复用率提升 60%。
Vibe Coding × AI 原生
用 AI 重塑设计工作流。熟练运用 Trae / Gemini / ZCode 进行氛围编程，曾独立开发 Figma 和 Chrome 扩展。可在设计阶段验证技术可行性，将"设计稿→代码"的翻译损耗降至最低。
北京雪诺科技
快手-磁力聚星
中国航空工业-中航金网
好未来-励步英语
云深互联
终端轻量 · 业务免改造
Chromium 内核无需驱动 · 正向代理业务零改造 · 静默安装推广零成本
双端组件库
原生浏览器端 + 浏览器后台 Web 端 · Figma Variables 统一 Design Token
AI 驱动的.
设计工具双星
0 编程基础，借助多种 AI 大模型和 IDE 工具进行 Vibe Coding， 独立完成全栈开发。两个插件分别服务于设计效率与信息获取，覆盖设计师工作全链路。
AllinOne
Figma 插件
设计师的终极效率工具 — 集成 30+ 功能，涵盖 AI 智能填充、组件管理、文本处理与实用工具。
目前已有 340+ 设计师使用。
AI Translate
Chrome 插件
双语模式
双语对照阅读，沉浸式翻译体验，支持极简字体样式自适应。
悬停与选择
精准的局部划词翻译，无需跳转页面，随时随地打破语言障碍。
BYOK 自定义
支持自定义 API Key 与模型代理（GLM, Kimi, Claude 等），Key 仅保存在本地，兼顾隐私与灵活性。
从提示词到产品，AI 就是我的开发伙伴
2026 年，设计行业对 AI 能力的要求已从"会用 ChatGPT"升级为"能用 AI 构建产品"。 我选择直接面对这个挑战 — 用 Gemini / DeepSeek / GLM 理解 API 文档与生成核心逻辑，优化代码结构与调试， 用 Trae / ZCode 作为 AI-Native 开发环境串联全流程。
两个插件从 0 到发布，全程 Vibe Coding — 不是照搬 AI 输出，而是将设计思维注入提示词， 在 AI 生成与人工审查之间找到最优解。这是设计师在 AI 时代的新竞争力。