电商前端设计系统
各维度得分依据公开资料与字段推算,加权后即综合评分,仅供参考。
ShopFront 是 Art of the Cart 推出的 AI-enabled design + code system，定位于电商前端团队。它不是单纯的 Figma UI kit，而是将设计 token、组件、Shopify 映射、代码组件和 AI 技能层统一为一个系统。正文强调“Shopify is one output, not the system”，即以 Shopify 工作流为重点，但 token 层和组件治理不绑定单一平台。
从抓取文本看，ShopFront 提供 131 个代码组件、380+ 变量，并支持 Figma 中的变量、组件和 section masters。其插件可把系统推送到 Figma 文件，保持 live tokens 绑定；开发侧则有 React component library、typed props 和 CSS variables。Shopify 方面内置 Dawn、Horizon、Broadcast 主题支持，并可映射到 theme scheme variables、theme settings、metafields，也覆盖 headless、Hydrogen、Next.js 等构建方式。AI 层包括 skill server、插件内 AI chat、CLI，并允许外部 AI 工具连接同一 skill server。
定价未公布具体金额。授权按项目或品牌，而不是按设计师席位；一个 license 可支持不限数量设计师。代理商需申请 partnership 并签署合同，再按客户项目或品牌购买；品牌方可直接购买。每个客户或品牌会获得独立 skill server。
优点是设计与代码共享 token 和组件定义，能减少交付解释、重复建库和后期设计债；对于 Shopify 项目，变量、metaobject schema、token-to-scheme mapping 等常被忽略的基础层已预先处理。缺点是公开信息偏营销，缺少价格、部署架构、SLA、开源状态、支付方式和实际文档细节；虽然声称平台无关，但主要价值仍集中在 Shopify 电商前端。
它适合长期运营电商前端的品牌、Shopify/Headless 代理商、需要统一 Figma 与代码资产的设计系统团队，也适合频繁做 CRO 但要求上线一致性的团队。中国访问情况正文未提及，需实测；涉及 Figma、Shopify、外部 AI API 时，网络与支付可能存在不确定性。替代方案包括 Figma Variables + Tokens Studio、Style Dictionary、Storybook、Shopify Dawn 自建设计系统或自研 React/Next.js 组件库。
本测评基于公开资料整理,不构成购买建议,请以 theshopfront.com 官网实际信息为准。
面向Shopify团队，统一设计、代码和AI工作流。
评分明细(分布与用户短评)接入中。当前展示 TG4G 综合评分,数据源自公开测评与用户反馈。