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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
448jp | OKI Yoshiya
July 27, 2022
Design
2.8k
3
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Figmaで神速ドキュメント作成術
2022/7/27 Figma Japan Community Event「Figmaの活用策をシェアしよう!」
448jp | OKI Yoshiya
July 27, 2022
More Decks by 448jp | OKI Yoshiya
See All by 448jp | OKI Yoshiya
今から始めるClaude Code超入門
448jp
8
11k
人はなぜコミュニティとつながると幸せを感じるのか
448jp
3
470
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
4.3k
合意形成のためのFigma活用術
448jp
1
260
書く・即・DONEな仕組みをNuxtで作る
448jp
0
470
神速でワイヤーフレームを作るためのライブラリ
448jp
1
970
今から始めるFigma超入門
448jp
0
1.8k
零細Web制作会社のリモートワーク事情
448jp
0
550
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
448jp
2
850
Other Decks in Design
See All in Design
PLATEAUで白い街を作る
aikautau
0
140
全員がアウトプットを出せる時代、 誰を採用する?
nishame
0
630
情報を翻訳する-伝わる可視化3原則とオープンデータ活用-
hjmkth
1
340
(2026 AmA Keynote) Sociotechnical Architecture - Having your Agile and agility too.pdf
xinyao
2
110
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
280
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
nbkouhou
2
560
デザインとフロントエンドの境界が融ける Claude Code × Figma
littlebusters
2
3.3k
hicard_credential_202601
hicard
0
270
Accelerating performance improvement based on a software review evaluation matrix
kitanosirokuma
0
280
富山デザイン勉強会_デザイン思考.pdf
keita_yoshikawa
2
110
Jun Wei Portfolio 2026
wjw100788
PRO
1
150
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
tinykitten
0
280
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
What's in a price? How to price your products and services
michaelherold
247
13k
Technical Leadership for Architectural Decision Making
baasie
3
470
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
3k
GraphQLの誤解/rethinking-graphql
sonatard
75
12k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
3
430
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
700
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
660
Designing Powerful Visuals for Engaging Learning
tmiket
1
490
Six Lessons from altMBA
skipperchong
29
4.4k
Mobile First: as difficult as doing things right
swwweet
225
10k
Deep Space Network (abreviated)
tonyrice
0
250
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