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.6k
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
オンラインホワイトボードで組織の成長を促進する方法
norinity1103
1
32
地域に変革を起こすデザイン経営のススメ
norinity1103
0
55
Social Business Talk_in akabane hall
norinity1103
0
67
愉しみながら成長できる仕組みづくり
norinity1103
0
400
夢中になる仕組み 「ゲームフロー理論」を紐解く_DIST41 「ゲームから学ぶUI_UX」
norinity1103
0
130
古民家ゲストハウスで挑戦できる田舎づくり
norinity1103
0
130
地域と民泊と田舎の体験づくり
norinity1103
0
210
複業でデザインするライフスタイル
norinity1103
0
190
“なんでもやってる”文化を支える システムづくりへの挑戦
norinity1103
0
510
Other Decks in Design
See All in Design
デザイン組織成長における負債解消の取り組みを赤裸々に語る
sugiyama_sukedachi
1
770
Climb Visual Development
rkendrick25
0
100
DMN2024年度プログラム
mct
0
340
アイキャッチはFigmaで簡単に作れる!
kubosaya
0
810
231206_Book-launch-event_kato
hjmkth
2
1.1k
デザイン組織の一人目マネージャーが啜る泥水と美味しいビールに向けてTRYすること
ryoya_frst
0
150
成果が出ないユーザーインタビューは何がダメだったのか? ~「誰に聞くか」の探り方 ~
jouykw
10
12k
Fable beats
miasf
0
120
Designship 2023|想いを可視化するデザインの力
weddingpark
0
210
Дизайнерские хобби-проекты на максималках (Юрий Ветров)
jvetrau
0
210
Métricas de UX - Reflexões sobre o uso de dados numéricos no contexto de UX
videlvequio
0
120
B/43プラスカードができるまで
putchomsmartbank
0
410
Featured
See All Featured
Producing Creativity
orderedlist
PRO
335
39k
4 Signs Your Business is Dying
shpigford
174
21k
Become a Pro
speakerdeck
PRO
8
4.2k
Rebuilding a faster, lazier Slack
samanthasiow
72
8.1k
Reflections from 52 weeks, 52 projects
jeffersonlam
343
19k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
124
32k
Documentation Writing (for coders)
carmenintech
59
3.7k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
242
20k
Keith and Marios Guide to Fast Websites
keithpitt
407
22k
Visualization
eitanlees
135
14k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
Design by the Numbers
sachag
274
18k
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