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
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
530
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
448jp
2
840
Other Decks in Design
See All in Design
デザインの文脈を理解する:エンジニアがデザインカンファレンスに参加して得た学びと気づき
hypebeans
0
210
2026年の勢い / Momentum for 2026
bebe
0
450
デザイナーとエンジニアで 同じ山に登ろう
moco1013
0
240
20251217リビングラボ・トークin尼崎(尼崎おせっかい会議&オトナテラコヤ)
a2k
0
130
はじめての演奏会フライヤーデザイン
chorkaichan
1
300
デザイナーが主導権を握る、AI協業の本音と実践
satosio
7
3.3k
コンテンツ作成者の体験を設計する
chiilog
0
180
UI/UX & Web Design Portfolio 2025|Madoka Kumagai
madoka_portfolio
4
250
Drawing_for_Anim_Final_PDF.pdf
lynteo
2
150
文化のデザイン - Soft Impact of Design
atsushihomma
0
210
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
abokadotyann
4
860
「バイブコーディングって何?」から始まった、 AIとの一年間と、その先のこと
seto
0
570
Featured
See All Featured
The Curse of the Amulet
leimatthew05
1
13k
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
410
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
320
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.8k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
520
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
310
How to Think Like a Performance Engineer
csswizardry
28
2.6k
Into the Great Unknown - MozCon
thekraken
41
2.5k
Designing for humans not robots
tammielis
254
26k
Believing is Seeing
oripsolob
1
140
Large-scale JavaScript Application Architecture
addyosmani
515
110k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.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