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.6k
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
4k
合意形成のためのFigma活用術
448jp
0
140
書く・即・DONEな仕組みをNuxtで作る
448jp
0
400
神速でワイヤーフレームを作るためのライブラリ
448jp
1
880
今から始める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
Yumika Yamada Portfolio
yumii
0
2.1k
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
880
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
root_recruit
PRO
0
170
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
270
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
350
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
11k
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
410
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
spring_aki
1
150
【MIXI MEETUP!ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏:デザイナーが語るプロダクト誕生秘話
mixi_design
PRO
0
150
AI時代に問われる、リサーチの感受性──地域⇄大企業の現場から見えた「違和感」との向き合い方
muture
PRO
0
130
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
570
CMS管理画面のアクセシビリティ
magi1125
8
2.5k
Featured
See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
How to Think Like a Performance Engineer
csswizardry
27
2.1k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
GitHub's CSS Performance
jonrohan
1032
470k
Faster Mobile Websites
deanohume
310
31k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
34
2.3k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
Side Projects
sachag
455
43k
Optimizing for Happiness
mojombo
379
70k
Site-Speed That Sticks
csswizardry
13
930
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
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