Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Figma to Codeから Code to Figmaへ
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Shota Totsuka
April 09, 2026
500
0
Share
Figma to Codeから Code to Figmaへ
Shota Totsuka
April 09, 2026
More Decks by Shota Totsuka
See All by Shota Totsuka
コードレビューはCLAUDE.md/skillsに書け。同じ指摘を繰り返すな。
totsukash
20
19k
HITL実装によるマルチエージェント組織の設計パターン
totsukash
1
89
Claude Codeの知らない知識に立ち向かう
totsukash
1
790
Claude Codeの知らない知識、ADK, A2Aを用いた プロダクト開発をClaude Codeで行う
totsukash
0
1.3k
Claude Code で Vibe Coding
totsukash
1
92
MCP, A2Aをプロダクトに組み込んで 開発している話
totsukash
1
54
Mastra活用|Text-to-SQLの実装と応用
totsukash
1
230
Bedrockでのプロンプト管理戦略
totsukash
3
210
Amazon SageMaker AIでモデル開発からデプロイまで試す
totsukash
2
80
Featured
See All Featured
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
64
53k
RailsConf 2023
tenderlove
30
1.4k
The Pragmatic Product Professional
lauravandoore
37
7.2k
YesSQL, Process and Tooling at Scale
rocio
174
15k
How GitHub (no longer) Works
holman
316
150k
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.1k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
200
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
5.6k
The Mindset for Success: Future Career Progression
greggifford
PRO
0
300
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.3k
Designing for humans not robots
tammielis
254
26k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.7k
Transcript
Figma to Codeから Code to Figmaへ。 ~ Claude Codeを使いこなすデザイナーと高速で開発を進めている話~ 2026.04.09
【AI駆動開発】AI自走環境構築・運用スペシャル #1 戸塚翔太
01 A I に よ っ て 我 々 の
開 発 は ど う 変 わ っ た の か ?
01 1 0 倍 ? 2 0 倍 ? .
. . 1 0 0 倍 ?
01 そ れ ぞ れ の 円 は か な
り 大 き く な っ た
01 次 の 問 題 は 連 携 。
01 ハ ー ネ ス エ ン ジ ニ ア
リ ン グ
01 人 と 人 ( 組 織 ) の ハ
ー ネ ス
01 エ ン ジ ニ ア と デ ザ イ
ナ ー が 垣 根 を 超 え て 爆 速 開 発 し て い る 事 例 を 紹 介 し ま す 。
01 結 論 : デ ザ イ ナ ー が
コ ー ド を 書 い て い ま す
01 自 己 紹 介 簡 単 に 私 に
つ い て お 伝 え し ま す
戸塚 翔太(Tech Lead/EM) 製造業向けのサービスを開発しております。 登壇依頼や開発依頼も、気軽に連絡ください。 【経歴】 BEエンジニア → フリーランス →
起業 → スター トアップEM,TechLead 【SNS(X)】 @totsumaru_dot [ 自己紹介 ] 株式会社Arts Japan
2 02 な ぜ デ ザ イ ナ ー が
コ ー ド を 書 く の か ?
01 き っ か け は F i g m
a と プ ロ ダ ク ト の デ ザ イ ン 差 分
カラーが微妙に違う 01 フォントサイズが違う 02 モーダルのデザインが微妙に違う 03 こだわって作った部分が... 04 [ 微妙に違うUI
] 開発速度を優先 して後回しとな っている部分も
01 人 を 責 め ず 、 仕 組 み
を 疑 う 。
FE Engineer Designer ここが問題
01 F i g m a M C P も
あ る け ど 、 そ も そ も 先 に コ ー ド を 作 れ ば い い の で は ?
FE Engineer Designer レビュー 反映
01 デ ザ イ ナ ー が P R を
出 す
2 03 責 務 は ど こ に 置 く
の か ? 具 体 的 に 何 し て る ?
[ デザインシステムをコード上に ]
デザインシステムをコード上に生成 → 本番のプロダクトコードには含めない 01 新しいUIも可能な範囲でまず作る 02 [ デザイナーの責務 ]
プロダクトコードに対する全責任は エンジニアが持つ(当然) 01 デザインシステムとプロダクトコードの橋 渡しのためのSkill整備 02 [ エンジニアの責務 ]
2 04 個 人 で は な く プ ロ
ダ ク ト の 最 大 化 今 後 の 開 発 チ ー ム
直 近 個 々 の 円 の 拡 大
今 後 境 界 の 拡 大
ご 清 聴 あ り が と う ご ざ
い ま し た ! 今 後 も よ ろ し く お 願 い し ま す ! 戸塚翔太 [ THANK YOU! ] 依頼や質問は @totsumaru_dot のDMにお願いします。