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
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
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
430
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
4.3k
合意形成のためのFigma活用術
448jp
1
250
書く・即・DONEな仕組みをNuxtで作る
448jp
0
460
神速でワイヤーフレームを作るためのライブラリ
448jp
1
960
今から始めるFigma超入門
448jp
0
1.8k
零細Web制作会社のリモートワーク事情
448jp
0
540
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
448jp
2
840
Other Decks in Design
See All in Design
kintone開発におけるライターの役割の変化〜AI活用を添えて〜 / Changes in the Role of Writers in Kintone Development
keroyama
0
110
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
karad
0
150
研修担当者が一番伸びた 熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
garyuten
2
400
30分でわかるインサイトマネジメント(2025年12月バージョン)
centou
1
670
CULTURE DECK/Frontend Engineer
mhand01
0
1.3k
Mandalyn_DT5001_FinalAssignment.pdf
lynteo
0
240
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
nbkouhou
2
410
Design dependencies
teba_eleven
0
130
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
webnaut
1
150
エンジニアがAI活用してスライドデザインできる世界が来たよ!
kaikou
1
290
「見せる」登壇資料デザインの極意
takanorip
4
1k
Frontier
rwang05
0
160
Featured
See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.2k
Into the Great Unknown - MozCon
thekraken
41
2.6k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
23k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
190
Navigating Weather and Climate Data
rabernat
0
220
Fireside Chat
paigeccino
42
4k
The Mindset for Success: Future Career Progression
greggifford
PRO
0
360
Designing Powerful Visuals for Engaging Learning
tmiket
1
410
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
Site-Speed That Sticks
csswizardry
13
1.2k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
55k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
200
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