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
448jp | OKI Yoshiya
July 27, 2022
Design
3
2.2k
Figmaで神速ドキュメント作成術
2022/7/27 Figma Japan Community Event「Figmaの活用策をシェアしよう!」
448jp | OKI Yoshiya
July 27, 2022
Tweet
Share
More Decks by 448jp | OKI Yoshiya
See All by 448jp | OKI Yoshiya
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
3k
合意形成のためのFigma活用術
448jp
0
65
書く・即・DONEな仕組みをNuxtで作る
448jp
0
330
神速でワイヤーフレームを作るためのライブラリ
448jp
1
800
今から始めるFigma超入門
448jp
0
1.5k
零細Web制作会社のリモートワーク事情
448jp
0
380
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
448jp
2
720
コーディングを神速化するJetBrains IDEのご紹介~基本機能からHTML/CSSまで~
448jp
0
270
Lottieで始めるWebアニメーション入門
448jp
1
600
Other Decks in Design
See All in Design
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
270
12年続くB2DサービスとUXデザイン / UX Design keeps B2D service alive over 12 years
tnj
0
280
20241204_UI/UXデザイナーLT会 - vol.10_DMM
motokoishida
0
270
Masked shaman-Storyboard 2025
ashley0521
0
160
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
240
パンくずリストかわいい(breadcrumb so cute)
ysuda
0
160
Where to Start with a Design System Across Different Frontend Frameworks | SpectrumTokyoMeetup#15
tararira
0
140
界隈からの逃走–デザイン初め新年会2025
sekiguchiy
3
980
「ちょっといいUI」を目指す努力 / Striving for Little Big Details
usagimaru
6
4.1k
発表資料テンプレート / My slide template
thatblue
0
200
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは?
atsushihomma
0
360
NAHO SHIMONO_Portfolio2025
nahohphp
0
120
Featured
See All Featured
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Why Our Code Smells
bkeepers
PRO
335
57k
It's Worth the Effort
3n
184
28k
For a Future-Friendly Web
brad_frost
176
9.5k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
4 Signs Your Business is Dying
shpigford
182
22k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Code Review Best Practice
trishagee
66
17k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.4k
Transcript
Figmaの活用策をシェアしよう! | Figma Japan Community Event Figmaで 神速ドキュメント作成術 合同会社世路庵 沖 良矢 | 2022.7.27 WED
おき 沖 よ し や 良矢 @448jp ⚫ 合同会社世路庵 代表
⚫ デザイナー/エンジニア ⚫ 受託制作一筋19年
相原 典佳、沖 良矢、濱野 将(著) ⚫ 2021.9.22発売 ⚫ 288ページ ⚫ 2,970円
エムディエヌコーポレーション刊 初心者からちゃんとしたプロになる Adobe XD基礎入門
None
ドキュメント作ってますか?
受託制作におけるドキュメント(抜粋) ⚫ プロジェクト定義書 ⚫ 各種リサーチレポート ⚫ ヒューリスティック評価レポート ⚫ ユーザーインタビュー設計書 ⚫
戦略概要書 ⚫ ペルソナシート ⚫ カスタマージャーニーマップ ⚫ ムードボード ⚫ 運用マニュアル ⚫ 運用レポート、改善提案書
受託制作におけるドキュメント(抜粋)
受託制作におけるドキュメント(抜粋) Figmaでいいのでは?
None
実際に社内で使っている をご覧ください チームライブラリ
チームライブラリの作り方 4 スライドのベースとなるコンポーネントを作成する@ 5 メニュー → ライブラリ → 公開でチームライブラリとして公開する@ !
新規デザインファイルで利用したいチームライブラリを有効にする。
ライブラリを使ってすばやく作る 新たに必要になった要素を付け足す ライブラリに反映する ドキュメント作成と改善のサイクル
まとめ Conclusion
より速くドキュメントを作るために ⚫ チームライブラリを活用して初速を上げつつ品質を保つ ⚫ チームライブラリは作りっぱなしにせず育てる
チームの を高めて よりよい を創り出しましょう! 資産価値 制作体験
DIST.36「ゲームから学ぶUI/UX Ⅴ」 日時:2022/8/5(金) 19:00〜21:00 会場:中野セントラルパーク カンファレンス B1F ホール 費用:1,000円 出演:西原
翼(ICS)、高津戸 壮(ピクセルグリッド)、右寺 隆信(MIGI)、 池原 健治(SIE)、國吉 雅人、喜納 彬光(サーフィス)
ありがとうございました 合同会社世路庵 沖 良矢 @448jp