Figmaで進化するデザイナーとエンジニアの連携 FoF Tokyo 2024

Slide 1

Slide 1 text

FoF Tokyo : 2024年、あなたのデザイン振り返り会 Figmaで進化するデザイナーとエンジニアの連携

Slide 2

Slide 2 text

梶川琢馬 (Takuma Kajikawa) バックエンドメインでしたが、今年からフロントエンドも半分やるようになりました。  Figmaも今年から入門しました！趣味はトライスロン。来年IRONMANレースに出ます！株式会社 TechBowl プロダクトエンジニア @kajitack

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

2023 → 2024

Slide 5

Slide 5 text

# PMが企% ! デザインをFigmaで作成すÆ ) エンジニアがFigmaを見て実装開発フロー 2023

Slide 6

Slide 6 text

T 実装段階でデザインと仕様のズレに気づ` T Figmaの使い方がわからず、実装とズレ& T 既存実装とFigmaがズレてい& T 細かい改善はFigmaを経由せずに実装してしまってい& T 複数プラットフォームでのズレが発生してい& T エンジニアによって開発フローが異なっていた etc... 開発フロー 2023 課題

Slide 7

Slide 7 text

2023年エンジニアがFigmaを活用できてなかった

Slide 8

Slide 8 text

eY 予め、Figmaでプラットフォーム共通のStyleやComponentを定 Y 企画段階にエンジニアがデザインのレビューをすÅ 6Y 実装後にデザインと実装に乖離がないかレビューする開発フロー 2024

Slide 9

Slide 9 text

D エンジニアとデザイナーがFigmaを通して議論できるようになっÃ D Figmaを信頼して実装できるようになっÃ D 副業の方とUI実装の分業ができるようになった開発フロー 2024 で実現したこと

Slide 10

Slide 10 text

B デザインシステムの構A B コードのUIとロジックを分離し% B StorybookでUI単体で確認できるようにし% B monorepoで共通のUIライブラリを作成した実現するためにやったこと