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
940
1
Share
神速でワイヤーフレームを作るためのライブラリ
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
10k
人はなぜコミュニティとつながると幸せを感じるのか
448jp
3
410
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
4.2k
合意形成のためのFigma活用術
448jp
1
230
書く・即・DONEな仕組みをNuxtで作る
448jp
0
440
Figmaで神速ドキュメント作成術
448jp
3
2.8k
今から始めるFigma超入門
448jp
0
1.7k
零細Web制作会社のリモートワーク事情
448jp
0
520
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
448jp
2
820
Other Decks in Design
See All in Design
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは?~操作を減らし、成果を最大にするための設計~
ncdc
1
580
AI時代に必要な アイデアの形
uxman
0
160
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
visional_engineering_and_design
6
1.1k
Signull 団体説明資料
signull
0
540
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
2.2k
AIでデザインをつくる:基礎編
kenichiota0711
4
3k
社長の宿題への回答 「新卒×AI」が生み出す価値
saki822
2
120
kintone Style Book
kintone
6
13k
【優秀賞+特別賞】くまモン食いしん坊弁当「くまモンの魔法の柑橘弁当」最終審査資料
shoko_seven11
0
130
なぜ、インサイトを貯めるのか?
tajima_kaho
1
310
「バイブコーディングって何?」から始まった、 AIとの一年間と、その先のこと
seto
0
410
セブンデックス プロジェクト事例 / innovation Scenes
sevendex
1
540
Featured
See All Featured
Unsuck your backbone
ammeep
672
58k
Scaling GitHub
holman
464
140k
How to build a perfect <img>
jonoalderson
1
5.4k
Code Review Best Practice
trishagee
74
20k
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
210
Music & Morning Musume
bryan
47
7.2k
Being A Developer After 40
akosma
91
590k
Navigating Weather and Climate Data
rabernat
0
170
Balancing Empowerment & Direction
lara
6
1k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.9k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
9.9k
Optimizing for Happiness
mojombo
378
71k
Transcript
DIST.39 「みんなのFigma」 で を 作るための 神速 ワイヤーフレーム ライブラリ 合同会社世路庵 沖 良矢 | 2023.6.2
FRI
None
ワイヤーフレームとは ⚫ ウェブページを構成する要素を列挙した設計図 ⚫ 制作前に情報設計について共有・合意するために作ります ⚫ 視覚表現の質、使いやすさは担保しません
ワイヤーフレームの例
なぜFigmaで作る? チーム、クライアントの から みんなで作る ワイヤーフレームは作ったら終わりの一方通行な成果物ではありません。情報の順序、 重要度、分類、動線が適切かどうか、議論・検討を重ねて修正を繰り返します。世路庵 では職種に関わらずプロジェクトに携わる全員がワイヤーフレームにコミットします。
ワイヤーフレームの辛み ⚫ 作るときにスピード感が出にくい ⚫ 一定の品質を保つことが難しい ⚫ つい見た目の作り込みをしようとしてしまう
部品を組み合わせるだけで ワイヤーフレームができたら いいのに……
作りました (デモ)
ありがとうございました 合同会社世路庵 沖 良矢 @448jp