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
神速でワイヤーフレームを作るためのライブラリ
Search
448jp | OKI Yoshiya
June 02, 2023
Design
960
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
神速でワイヤーフレームを作るためのライブラリ
2023/6/2 DIST.39 「みんなのFigma」
448jp | OKI Yoshiya
June 02, 2023
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
Figmaで神速ドキュメント作成術
448jp
3
2.8k
今から始めるFigma超入門
448jp
0
1.8k
零細Web制作会社のリモートワーク事情
448jp
0
540
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
448jp
2
840
Other Decks in Design
See All in Design
PAMPHLET.pdf
mhand01
0
480
【優秀賞+特別賞】くまモン食いしん坊弁当「くまモンの魔法の柑橘弁当」最終審査資料
shoko_seven11
0
200
研修担当者が一番伸びた 熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
garyuten
2
400
Accelerating performance improvement based on a software review evaluation matrix
kitanosirokuma
0
250
「おすすめ」はなぜ信用されないのか - 信頼を築くUI/UX設計
ryu1013
0
130
AI時代に求められるUXデザインのアプローチ
xtone
1
5.6k
AIスライドデザインを生成する仕組みを社内共有する
kenichiota0711
7
5.6k
富山デザイン勉強会_デザイントレンド2026.pdf
keita_yoshikawa
3
230
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
2.4k
デザイナーが主導権を握る、AI協業の本音と実践
satosio
7
3.3k
I.A. como meio, não como fim. Como avaliar o valor entregue?
videlvequio
0
370
2026年の勢い / Momentum for 2026
bebe
0
470
Featured
See All Featured
Believing is Seeing
oripsolob
1
140
Context Engineering - Making Every Token Count
addyosmani
9
960
Bash Introduction
62gerente
615
220k
Music & Morning Musume
bryan
47
7.2k
A better future with KSS
kneath
240
18k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
10k
Design in an AI World
tapps
1
240
GraphQLの誤解/rethinking-graphql
sonatard
75
12k
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4.2k
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
310
How to build a perfect <img>
jonoalderson
1
5.6k
It's Worth the Effort
3n
188
29k
Transcript
DIST.39 「みんなのFigma」 で を 作るための 神速 ワイヤーフレーム ライブラリ 合同会社世路庵 沖 良矢 | 2023.6.2
FRI
None
ワイヤーフレームとは ⚫ ウェブページを構成する要素を列挙した設計図 ⚫ 制作前に情報設計について共有・合意するために作ります ⚫ 視覚表現の質、使いやすさは担保しません
ワイヤーフレームの例
なぜFigmaで作る? チーム、クライアントの から みんなで作る ワイヤーフレームは作ったら終わりの一方通行な成果物ではありません。情報の順序、 重要度、分類、動線が適切かどうか、議論・検討を重ねて修正を繰り返します。世路庵 では職種に関わらずプロジェクトに携わる全員がワイヤーフレームにコミットします。
ワイヤーフレームの辛み ⚫ 作るときにスピード感が出にくい ⚫ 一定の品質を保つことが難しい ⚫ つい見た目の作り込みをしようとしてしまう
部品を組み合わせるだけで ワイヤーフレームができたら いいのに……
作りました (デモ)
ありがとうございました 合同会社世路庵 沖 良矢 @448jp