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を活用したデザインコラボレーション
Search
Noriaki Kawanishi
July 15, 2021
Design
0
1.8k
Figmaを活用したデザインコラボレーション
Figma見せ合いっこイベントでの登壇資料
https://show-figma-20210715.peatix.com/?lang=ja
Noriaki Kawanishi
July 15, 2021
Tweet
Share
More Decks by Noriaki Kawanishi
See All by Noriaki Kawanishi
minpaku-community-scrum-patterns
norinity1103
1
120
SSoT for Design
norinity1103
0
260
Design for disaster preparedness
norinity1103
0
260
オンラインホワイトボードで組織の成長を促進する方法
norinity1103
1
140
地域に変革を起こすデザイン経営のススメ
norinity1103
0
160
Social Business Talk_in akabane hall
norinity1103
0
210
愉しみながら成長できる仕組みづくり
norinity1103
0
570
夢中になる仕組み 「ゲームフロー理論」を紐解く_DIST41 「ゲームから学ぶUI_UX」
norinity1103
0
690
古民家ゲストハウスで挑戦できる田舎づくり
norinity1103
0
320
Other Decks in Design
See All in Design
AIで加速するアクセシビリティのこれから
magi1125
3
560
RAKSUL_DESIGN_DECK_20250319
raksulrecruiting
0
390
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
110
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.6k
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
580
harutaka Vision Deck
zenkigenforrecruit
0
150
CMS管理画面のアクセシビリティ
magi1125
7
2.1k
Liquid Iron
mcduckyart
1
110
How to get a Tiger to Tulsa
mcduckyart
0
110
生成AIを活用した組み込みSW設計書検索システム開発
licux
7
1.2k
「デザイン」を信じるには
iflection
0
280
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
760
Featured
See All Featured
The Language of Interfaces
destraynor
158
25k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
6
300
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Adopting Sorbet at Scale
ufuk
77
9.5k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.4k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
How GitHub (no longer) Works
holman
314
140k
A Tale of Four Properties
chriscoyier
160
23k
Side Projects
sachag
455
42k
Transcript
Figma Design Teams Collaboration
Noriaki Kawanishi @norinity1103
None
None
Figma上で 喧嘩しないで!
Figmaを活用したデザインコラボレーション 1 チームプロトタイピング 2 健全なフィードバック文化を育てる 3 システムデザイン&ドキュメントの運用 戦術的/機能的な情報設計をFigma上のアウトプットを介して解像度を高めていく ビジネスや情報設計はnotion、開発ソースはwikiに 謙虚なリーダーシップをとながら建設的な議論を進めていく
実装に対して完全な同期をとることが目的でなく、システムデザインをチームで協議しサービスの成長とともに学習を深めて いくこと
オンラインワーク × モブデザイン チーム全員が同じ距離感でデザインに触れる 職能を越えてグランドルールを育てる 不確実性 / 再現性 を行き来してシステムデザインを行なう 従来の会議室型のオフラインMTGより格段に可読性が上がり、UI/UXデザイン成果物の評価検討に複数のメンバーを巻き込
みやすくなっため 短い時間でも制度が高く、早い意思決定ができるようになったからこそグランドルールを作りやすい、プロトタイピングにお ける検証 実装に対して完全な同期をとることが目的でなく、システムデザインをチームで協議しサービスの成長とともに学習を深めて いくこと
管理用のコンポーネントを整備
プロジェクト運用での注意点 ファシリテーター/ドライバーが不在 基本的に散らかりがち 情報の寄りどころとしての期待値調整 ホワイトボードの代替としてグラフィックファシリテート、ストラクチャードコミュニケーションのように行う場合。各種 MTGやディスカッションの計画とゴール設定、プロジェクトドキュメント落とし込みの規則が決まっていないとダラダラする 定期的にふりかえりや主体的な関係者で棚卸しをしないと、情報の正確性、作業進捗、検証制度が著しく低下するため、 デザインシステム運用でありがちだが、学習コストと運用コスト対するチームの合意が前提となる 最新のデータ、コンテンツの精度などすべてを保つことは無理ゲー。チームの職能ごとに活用の仕方は違うので、どのように 活用するのかを明確にする。適した用途に適したツールは対話で決める
None
None
None
None
困ったら notionとかにリンク
None
None
None
indexとpageの定義はプロジェクトの属性てパターン化 DMM VR Connect DMM WEB CAMP
Material Design / Material UI kit に学ぶアプローチ
品質の高いUIの背景にある原理や基本法則にふれる
Variant に過不足がないかを議論
Variant に過不足がないかを議論
Micro / Macro space の提起
Micro / Macro space の提起
タイプグラフィーの基本ルールづくり / UX Writing
Screen sizeや ブレイクポイント提議 / Frontend
Starter Kitを提供してチームの学習にあわせて運用
リードデザイナーがシステム運用の品質をサポート
散らかしながら 整理していきましょう
None