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.7k
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
SSoT for Design
norinity1103
0
140
Design for disaster preparedness
norinity1103
0
150
オンラインホワイトボードで組織の成長を促進する方法
norinity1103
1
70
地域に変革を起こすデザイン経営のススメ
norinity1103
0
97
Social Business Talk_in akabane hall
norinity1103
0
150
愉しみながら成長できる仕組みづくり
norinity1103
0
490
夢中になる仕組み 「ゲームフロー理論」を紐解く_DIST41 「ゲームから学ぶUI_UX」
norinity1103
0
290
古民家ゲストハウスで挑戦できる田舎づくり
norinity1103
0
190
地域と民泊と田舎の体験づくり
norinity1103
0
290
Other Decks in Design
See All in Design
新しいemoji😄のアイデアをUnicodeが募集中‼️🏃♀️💨💨💨傾向を学んでみんな提案しよう💪
oguemon
2
640
Design System for training program
mct
0
270
「ちょっといいUI」を目指す努力 / Striving for Little Big Details
usagimaru
6
3.4k
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
170
[Designship2024] デザインの力でサービスの価値を追求していたら、組織全体をデザインしていた話
okakasoysauce
1
650
圧縮デザインスプリントによるオンボーディングの体験設計事例
hassy_pixiv
0
120
PdMというキャリアがUXデザイナーの頭によぎったとき スポットライトをどう当て、 どうシステムを見つめるか
muture
1
620
Credence
lratmansunu
0
330
Du Bois Challenge 2024 Recap
ajstarks
1
160
Night Shift concept 9/15/2024
cpineda57
0
730
『データモデリングでドメインを駆動する』で繋がる体験 / Drive domain with data modeling
tunemage
0
110
Картирование процесса фасилитация стратсессий с Картой гипотез при помощи Карты процесса-опыта
ashapiro
0
360
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
26
4.1k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Happy Clients
brianwarren
97
6.7k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
Unsuck your backbone
ammeep
668
57k
Navigating Team Friction
lara
183
14k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.1k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Documentation Writing (for coders)
carmenintech
65
4.4k
Speed Design
sergeychernyshev
23
550
Dealing with People You Can't Stand - Big Design 2015
cassininazir
364
22k
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