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.5k
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
人はなぜコミュニティとつながると幸せを感じるのか
448jp
3
320
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
3.9k
合意形成のためのFigma活用術
448jp
0
140
書く・即・DONEな仕組みをNuxtで作る
448jp
0
400
神速でワイヤーフレームを作るためのライブラリ
448jp
1
870
今から始めるFigma超入門
448jp
0
1.7k
零細Web制作会社のリモートワーク事情
448jp
0
440
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
448jp
2
770
コーディングを神速化するJetBrains IDEのご紹介~基本機能からHTML/CSSまで~
448jp
0
350
Other Decks in Design
See All in Design
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
lycorptech_jp
PRO
0
430
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
1
440
root COMPANY DECK / We are hiring!
root_recruit
1
24k
新卒の目から見たサイボウズのデザイン組織
ryota5884
0
190
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.3k
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
550
【MIXI MEETUP!ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ!生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
mixi_design
PRO
0
120
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
11k
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
2.7k
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
160
CursorでAI活用のナレッジベースを構築する
kanzaki
0
740
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
160
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1032
460k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Making Projects Easy
brettharned
119
6.4k
Fireside Chat
paigeccino
40
3.7k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Site-Speed That Sticks
csswizardry
11
880
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
890
Statistics for Hackers
jakevdp
799
220k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
20k
Gamification - CAS2011
davidbonilla
81
5.5k
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