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
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
securecat
1
400
全員がアウトプットを出せる時代、 誰を採用する?
nishame
0
580
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
saka2jp
2
1.3k
PAMPHLET.pdf
mhand01
0
770
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
160
decksh object reference
ajstarks
2
1.7k
The Art of Caring
klemens
0
350
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
2.4k
「見せる」登壇資料デザインの極意
takanorip
4
1.1k
文化のデザイン - Soft Impact of Design
atsushihomma
0
210
2026年の勢い / Momentum for 2026
bebe
0
470
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
mewmo
0
270
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.3k
A Soul's Torment
seathinner
6
3k
Claude Code のすすめ
schroneko
67
230k
Java REST API Framework Comparison - PWX 2021
mraible
34
9.4k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
210
Color Theory Basics | Prateek | Gurzu
gurzu
0
370
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8.2k
Building Flexible Design Systems
yeseniaperezcruz
330
40k
ラッコキーワード サービス紹介資料
rakko
1
3.7M
Art, The Web, and Tiny UX
lynnandtonic
304
22k
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
250
Transcript
DIST.39 「みんなのFigma」 で を 作るための 神速 ワイヤーフレーム ライブラリ 合同会社世路庵 沖 良矢 | 2023.6.2
FRI
None
ワイヤーフレームとは ⚫ ウェブページを構成する要素を列挙した設計図 ⚫ 制作前に情報設計について共有・合意するために作ります ⚫ 視覚表現の質、使いやすさは担保しません
ワイヤーフレームの例
なぜFigmaで作る? チーム、クライアントの から みんなで作る ワイヤーフレームは作ったら終わりの一方通行な成果物ではありません。情報の順序、 重要度、分類、動線が適切かどうか、議論・検討を重ねて修正を繰り返します。世路庵 では職種に関わらずプロジェクトに携わる全員がワイヤーフレームにコミットします。
ワイヤーフレームの辛み ⚫ 作るときにスピード感が出にくい ⚫ 一定の品質を保つことが難しい ⚫ つい見た目の作り込みをしようとしてしまう
部品を組み合わせるだけで ワイヤーフレームができたら いいのに……
作りました (デモ)
ありがとうございました 合同会社世路庵 沖 良矢 @448jp