Design System Experiment · In Progress

Panton Personal UI Kit

用 ChatGPT、Codex、Figma 与 Git 从零搭建个人 UI Kit 种子,验证 AI 如何参与可持续设计系统建设。

  • UI Kit
  • Figma
  • AI Workflow
Panton Personal UI Kit editorial seed cover,以组件网格和主题切换表示个人设计系统实验

实验目标

Panton Personal UI Kit 是我用 ChatGPT、Codex、Figma 和 Git 从零搭建的个人 UI Kit 种子。它不是完整商业设计系统,而是用较小范围验证 AI 如何参与基础主题、组件结构、审计与长期维护。

当前进展

稳定阶段已经覆盖基础主题、Copy、Dark Mode、组件库、审计流程和 guardrail。Figma 文件按 00 Cover01 Foundations02 Components03 Templates99 Changelog 组织,现有组件包括 button、cell、card、section、input、segmented-control 等常用结构。

我会用 Git checkpoint 保护阶段结果,由 AI 处理重复结构和检查工作,人工确认视觉与边界。未来希望把这套方法迁移到 HIG、真实截图反推组件和团队工作流,但当前仍以验证结构可靠性为主,不把它包装成已经成熟的通用方案。