问题

负责 Branded App 多商家接入过程中，定制化资源（字体、主题色、图标、图片）需由前端手动处理与调试，占用了大量开发人力，在商户高频上线周期下形成严重负担。

方案

设计并实现定制化 Figma 插件，构建设计-研发-上线的一体化协作链路：

  • 设计驱动的自动化系统——商户 / 设计师直接在 Figma 中可视化配置资源（字体、主题色、图标、图片）并实时预览，打通「设计即配置」闭环。
  • AI 能力融合——集成豆包 Doubao API，支持自然语言修改主题图与图标（如「换一个更有节日氛围的背景」），降低非技术用户的使用门槛。
  • 资源自动同步至线上——设计资源一键上传至 CDN，配置信息自动导入数据库，完成从视觉配置到技术落地的无缝对接。

结果

  • 插件完成 MVP 并投入实际使用，覆盖多个新商户接入场景
  • 单个 App onboard 时间从最低一周下降到最短 2 小时、平均 2 天
  • 预计 2025 年整体节省 50% 的定制开发工时
  • 被纳入平台长期能力建设计划