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
SSoT for Design
norinity1103
0
210
Design for disaster preparedness
norinity1103
0
180
オンラインホワイトボードで組織の成長を促進する方法
norinity1103
1
110
地域に変革を起こすデザイン経営のススメ
norinity1103
0
140
Social Business Talk_in akabane hall
norinity1103
0
180
愉しみながら成長できる仕組みづくり
norinity1103
0
540
夢中になる仕組み 「ゲームフロー理論」を紐解く_DIST41 「ゲームから学ぶUI_UX」
norinity1103
0
480
古民家ゲストハウスで挑戦できる田舎づくり
norinity1103
0
290
地域と民泊と田舎の体験づくり
norinity1103
0
330
Other Decks in Design
See All in Design
“使いやすい”が生産性を変える!業務を効率化するためのUX/UI設計ポイント
ncdc
0
110
生成AIを受け入れ共創できるデザイナーマインドへープロセス改革を想定したデザイナーの準備ー
takumasaito
1
1.8k
クライアントワークにおける UXリサーチの実践
kozotaira
0
380
Masked shaman-Storyboard 2025
ashley0521
0
190
2024/11/25 ReDesigner Online Meetup 会社紹介
cybozuinsideout
PRO
0
400
241214_StackNagoya_プレイングマネージャーのプレイングの時間の使い方
kiyoshifuwa
0
220
入社3ヶ月目のプロダクトデザイナー視点で見たヤプリ / Joining Yappli as a Product Designer: My Perspective After 90 Days
yappli_developers
0
140
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
590
もうひとつのアーキテクチャ #kichijojipm
kondoyuko
0
190
Personal Story Sequence - Vendetta(WIP)
elrns88
0
420
Tableau曲線表現講座(2024.11.21)
cielo1985
0
270
Fem tips om ux-text • WSA-dagen 29 jan 2025
jonas_blind_hen
PRO
0
140
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
Embracing the Ebb and Flow
colly
84
4.6k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.9k
Scaling GitHub
holman
459
140k
Six Lessons from altMBA
skipperchong
27
3.6k
BBQ
matthewcrist
87
9.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Git: the NoSQL Database
bkeepers
PRO
428
65k
Large-scale JavaScript Application Architecture
addyosmani
511
110k
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