図じゃなく言語で描く - Common Ground for Design AI Operations.

AI Ops Community Vol.1 ~私の考えた最強AI-Agentを見てくれ！~
https://ai-ops.connpass.com/event/373647/

Transcript

1. 図じゃなく言語で描く 
 - Common Ground for Design AI Operations.
 AI Ops Community Vol.1 ~私の考えた最強AI-Agentを見てくれ！~ 2025.11.27 
 @Neejack72
 Kazuki Ikeda

2. 自己紹介
3. 3 略歴
 フリー 株式会社(2023~)
 - DesignSystem付の部署でProduct Designerとして入社
 - 基盤Product 5つの立上げ後、AI駆動部の設立を機に兼務
 - 2025年7月からfreee Automation / Product Planning AI Agent PdM
 
 その他
 趣味: コーヒーと餃子が好き
 副業: デザインシステム導入支援・マーケティングオペレーション 自動化支援(Marketing AI Opsの実践先探してます👀)
 池田一貴 / J
 freee K.K.
 プロダクトグループ 統合UI部／統合戦略部 Application Designer・PdM
 Kazuki Ikeda
 @Neejack72

4. 会社紹介
5. freeeは「スモールビジネスを、世界の主役に。」をミッションに掲げ、 統合型経営プラットフォームを開発‧提供し、 だれもが⾃由に⾃然体で経営できる環境をつくっていきます。 起業やビジネスを育てていくことを、もっと魅⼒的で気軽な⾏為に。 個⼈事業や中⼩企業などのスモールビジネスに携わるすべての⼈が、 じぶんらしく⾃信をもって経営できるように。 ⼤胆にスピード感をもってアイデアを具現化できるスモールビジネスは、 今までにない多様な価値観や⽣き⽅、 新しいイノベーションを⽣み出す起爆剤だと私たちは考えています。 スモールビジネスが⼤企業を刺激し、社会をさらにオモシロク、 世の中全体をより良くする流れを後押ししていきます。 Mission スモールビジネスを、世界の主役に。
6. 　 だれもが自由に経営できる 
 統合型経営プラットフォーム。 
 Vision
 だれもが自由に自然体で経営できる環境をつくるために、「統合型経営プラットフォーム」を開発・提供します。 バックオフィス業務を統合することで、自動化と業務全体の効率化。さらに経営全体を可視化することで、 これまでにないスマートかつ最適なアクションまで実行できるプラットフォームへと進化させていきます。 また外部サービスとも連携したオープンプラットフォームとして、多様なビジネスニーズに対応。 ユーザーネットワークの中における相互取引の活性化も強化していきます。 プラットフォームの提供のみならず、スモールビジネスに携わる人の環境そのものを より良くしていく取り組みを行うことで、世の中の変化を促します。
7. 　 電子稟議
 経費精算
 債権債務
 管理
 人事労務
 電子契約
 固定資産
 請求管理
 会計
 工数管理
 販売管理 会計‧⼈事労務‧販売管理を核とした統合型経営プラットフォーム
8. 8 01　プロダクト企画と AIオペレーション 
 02　Design Opsの課題
 03　設計思想(Common ground/HITL)
 04　UFMLによる構造化 & UFML Editor
 05　Demo
 06　AI駆動デザインオペレーションの効果 
 07　おまけ
 目次

9. Scope
10. 10 プロダクト企画とAI オペレーション
11. Problem
12. 12 Design Ops 課題 /「⾮構造化」と「スケーラビリティの限界」
13. Approach
14. 14 設計 - Common ground
15. 15 設計 - HITL
16. Solution
17. 17 画⾯要素と遷移を表す独⾃のDSL（ドメイン固有⾔語）である UFML (Userinterface Flow Markup Language)を定義 AIとの共通⾔語「UFML」(solution 1)
18. 18 AIとの共通⾔語「UFML」(solution 1) なぜDSL？: JSON/YAMLでは、LLMにとってトークン数が多く冗⻑で、⼈間にとっても可読性が低い。UFMLは画⾯遷移とUI構造の定義に特化 し、極限までシンプルにした。

19. 19 テキストであるUFMLを、瞬時に直感的な画⾯遷移図（ワイヤーフレーム）に変換するエディタを開発。 UFMLの可視化ツール「UFML Editor」(solution 2)
20. Demo
21. Impact
22. 22 AI駆動デザインオペレーションの効果
23. 23 AI駆動デザインオペレーションの効果
24. 24 AI駆動デザインオペレーションの効果
25. 25 AI駆動デザインオペレーションの効果
26. ご清聴ありがとうございました。 

27. おまけ
28. 28 UFMLはOSS 
 
 
 
 
 
 
 
 ufml.app
 
 
 
 
 
 
 
 
 ufml.net
 README・LLMtext
 UFML Editor
 あなたの会社のデザイン組織も10倍にできるかも‧‧‧
29. 29 テキストテキストテキスト
 11/30 freee 技術の⽇ 2025 開催 @freee ⼤崎本社 詳細はこちら 採⽤情報