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

Friends of Figma Tokyo の忘年会 LTのスライドです。
https://friends.figma.com/events/details/figma-tokyo-presents-fof-tokyo-wang-nian-hui/

TechTrain: https://service.techtrain.dev/

Transcript

1. FoF Tokyo : 2024年、あなたのデザイン振り返り会 Figmaで進化する デザイナーと エンジニアの連携
2. 梶川 琢馬 (Takuma Kajikawa) バックエンドメインでしたが、今年からフロントエンドも半分やるようになりました。
 Figmaも今年から入門しました！ 趣味はトライスロン。来年IRONMANレースに出ます！ 株式会社 TechBowl プロダクトエンジニア @kajitack
4. 2023 → 2024
5. # PMが企% ! デザインをFigmaで作成すÆ ) エンジニアがFigmaを見て実装 開発フロー 2023
6. T 実装段階でデザインと仕様のズレに気づ` T Figmaの使い方がわからず、実装とズレ& T 既存実装とFigmaがズレてい& T 細かい改善はFigmaを経由せずに実装してしまってい& T 複数プラットフォームでのズレが発生してい& T エンジニアによって開発フローが異なっていた etc... 開発フロー 2023 課題
7. 2023年 エンジニアがFigmaを 活用できてなかった
8. eY 予め、Figmaでプラットフォーム共通のStyleやComponentを定 Y 企画段階にエンジニアがデザインのレビューをすÅ 6Y 実装後にデザインと実装に乖離がないかレビューする 開発フロー 2024
9. D エンジニアとデザイナーがFigmaを通して議論できるようになっÃ D Figmaを信頼して実装できるようになっÃ D 副業の方とUI実装の分業ができるようになった 開発フロー 2024 で実現したこと
10. B デザインシステムの構A B コードのUIとロジックを分離し% B StorybookでUI単体で確認できるようにし% B monorepoで共通のUIライブラリを作成した 実現するためにやったこと
11. デザインシステムは公開に向けて準備中！
12. 2024年 Figmaを活用すること によってチームの連携 も高まった
13. 2024 → 2025
14. 2025年 Figmaの 機能をより活かして、 効率の良い開発を！