株式会社电通数字（总公司：东京都港区，代表取缔役社长运行役员：泷本恒，以下简称电通数字）确立了一种名为「HOZO（ホゾ）」的方法，该方法通过与AI的自然语言对话，设计并实作符合设计系统※1的网站UI，并于即日起开始运用。 近年来，在网站制作领域，随着生成式AI的演进与普及，一种仅通过自然语言指令即可产生代码的开发风格「Vibe Coding（バイブコーディング）」※2备受关注。 另一方面，在营运大规模网站的企业现场，多年营运下来，因多个部门与制作公司参与而导致的UI不一致性逐渐累积，成为一项课题。即使制定了设计系统，要将其反映到所有现有页面仍需耗费大量工时，设计师与工程师必须手动逐页处理。 电通数字融合了其在网站建构与营运支持方面的专业知识，以及以「∞AI®（ムゲンエーアイ）」※3为首的多项AI解决方案的实绩，开发了这项新方法「HOZO」。通过与AI的对话，从产生符合企业设计系统的UI组件、建构页面，到与云端设计工具的双向转换，均可一贯运行。 「HOZO」以「设计，瞬间组装。」为标语，仿效日本传统木工技术「榫接」的理念，旨在实现仅通过与AI对话即可组装出各企业专属设计的全新UI开发体验。 ■「HOZO」的重点 ① 产生符合企业设计系统的UI 从现有网站的URL或云端设计工具上的数据，自动提取并分类导览列、卡片、表格、CTA等数十种UI模式，并将颜色、字体、间距等设计代码系统化。这使得AI能够产生符合企业特有设计系统的UI组件。实现了通用AI工具难以达成的严格遵循设计系统，并消除各页面间的UI不一致性。 ② 代码与云端设计工具的双向转换 产生的UI除了能以HTML、React等代码格式输出外，也能以可在云端设计工具上编辑的格式输出。此外，还支持代码与云端设计工具的双向转换。这使得设计师能在云端设计工具上，工程师能在代码上，分别在其专业领域进行品质审查，实现不依赖AI、融入人类判断的开发工作流程。 ③ 从现有网站反向推算的方法 此方法采用基于现有网站的反向推算方式。可以在保留现有页面内容的同时，仅更换设计系统。此外，若变更设计系统的零件，也会自动反映到过去产生的UI上，因此能因应持续性的营运与改善。即使是不熟悉设计系统的负责人，也能仅通过自然语言指令，进行符合设计系统的UI验证。 今后，电通数字将致力于将此开发方法的适用领域，从现有网站的设计系统营运与统一，扩展到新页面的企划与设计阶段，以及通过AI进行UI评估与改善提案等整个网站制作流程。以Vibe Coding为基础，支持客户同时提升数字体验品质与业务效率。 日本国内的电通集团正推动其独特的AI策略「AI For Growth」，通过结合「人类智能」与「AI智能」，为客户与社会的成长做出贡献。 关于AI For Growth的详细信息，请参阅以下网页： https://www.dentsu.co.jp/labo/ai_for_growth/ ※1：设计系统是指系统性地整理设计规则与零件，以提升开发效率的机制。 ※2：Vibe Coding是一种通过与AI进行自然语言对话来产生软件代码的开发风格的总称。 ※3：关于「∞AI®」 https://www.dentsudigital.co.jp/services/data-ai/mugen-ai ＜关于电通数字＞https://www.dentsudigital.co.jp/ 电通数字是日本国内最大规模的综合数字服务公司。以「触动人心、创造价值、改变世界样貌」为宗旨，通过集成运用贴近生活者的创造力与科技，实现各种转型。作为客户事业成长的合作伙伴，通过共同创造新价值，致力于实现经济与社会的「变革与成长」。