实践与结果

用真实项目证明设计工程能力

网站、插件、小程序、企业工作流与开源实践，共同呈现范米花儿如何把设计、AI 和代码真正落到产品中。

Mihua Design：让需求落进代码，让设计走到交付

Mihua Design 连接设计系统、页面规则、AI 生成、可视化编辑和真实 React 工程，帮助团队从想法、PRD 或现有项目出发，生成、调整并交付可继续开发的业务前端。

一套为设计师整理的零基础 AI 实战课：从 Codex、MCP 和 Figma，到设计规范、组件、页面还原、交互、前端交付与个人作品集，当前包含 14 个模块、65 节录播课，并持续更新。

给设计师的前端概念可视化手册

面向宁波银行设计团队的AI 设计工作流实操培训

面向企业团队的 DemoKit、AI 协作与设计系统落地培训。

用类比、可视化和小游戏，把代码讲简单一点

一次设计师作品集网站的 1v1 咨询复盘：AI 为什么看见设计稿却仍然做不对。

覆盖大量B端场景：工作台、导航、表格、表单、列表、详情页等

28类图表组件，闭源前全网下载量60k+

完整变量体系，包含20+类基础、复合组件，及交互动画示例

14+ 图表类型，100+ 变体组件，6+ 标签页、筛选器等头部组件

18个B端数据看板页面

数据分析类表格：如基础透视表，包含多级列头、表头组件

前后台一体的个人建站工具

给公司内部，独立开发的外勤填报小程序

微信小程序，爸爸备孕学习工具

Figma看板生成插件，支持15种图表、批量导出、看板配置、HTML导出

一次设计系统接入 AI 开发流程的 1v1 咨询复盘：组件、规则和前端工程都已准备，AI 为什么仍然不会正确调用并组合页面。