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
1
930
神速でワイヤーフレームを作るためのライブラリ
2023/6/2 DIST.39 「みんなのFigma」
448jp | OKI Yoshiya
June 02, 2023
Tweet
Share
More Decks by 448jp | OKI Yoshiya
See All by 448jp | OKI Yoshiya
今から始めるClaude Code超入門
448jp
8
10k
人はなぜコミュニティとつながると幸せを感じるのか
448jp
3
390
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
4.2k
合意形成のためのFigma活用術
448jp
1
210
書く・即・DONEな仕組みをNuxtで作る
448jp
0
440
Figmaで神速ドキュメント作成術
448jp
3
2.7k
今から始めるFigma超入門
448jp
0
1.7k
零細Web制作会社のリモートワーク事情
448jp
0
510
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
448jp
2
820
Other Decks in Design
See All in Design
Emmy's Artwork
mcksmith
0
210
Goodpatch Tour💙 / We are hiring!
goodpatch
31
1M
2026の目標「もっと定量的に事業、会社へ貢献する!」
yuri_ohashi
0
730
OJTで学んだ 「心を動かす」ファシリテーション
saki822
1
260
From the Visible Crossroads: Turning Outputs into Outcomes
takaikanako
2
1.2k
モビリティプラットフォームの未来を築くクラウド基盤
kossykinto
0
230
CULTURE DECK/Creative Director
mhand01
0
850
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
designer_no_pon
1
1.3k
Drawing for Animation
lynteo
2
220
情報を翻訳する-伝わる可視化3原則とオープンデータ活用-
hjmkth
1
170
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
koyaman
1
1.6k
Spacemarket Brand Guide
spacemarket
2
250
Featured
See All Featured
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.1k
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
310
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
74
Building the Perfect Custom Keyboard
takai
2
710
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.2k
Chasing Engaging Ingredients in Design
codingconduct
0
140
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
480
The Invisible Side of Design
smashingmag
302
51k
The Curious Case for Waylosing
cassininazir
0
260
GitHub's CSS Performance
jonrohan
1032
470k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
200
Imperfection Machines: The Place of Print at Facebook
scottboms
269
14k
Transcript
DIST.39 「みんなのFigma」 で を 作るための 神速 ワイヤーフレーム ライブラリ 合同会社世路庵 沖 良矢 | 2023.6.2
FRI
None
ワイヤーフレームとは ⚫ ウェブページを構成する要素を列挙した設計図 ⚫ 制作前に情報設計について共有・合意するために作ります ⚫ 視覚表現の質、使いやすさは担保しません
ワイヤーフレームの例
なぜFigmaで作る? チーム、クライアントの から みんなで作る ワイヤーフレームは作ったら終わりの一方通行な成果物ではありません。情報の順序、 重要度、分類、動線が適切かどうか、議論・検討を重ねて修正を繰り返します。世路庵 では職種に関わらずプロジェクトに携わる全員がワイヤーフレームにコミットします。
ワイヤーフレームの辛み ⚫ 作るときにスピード感が出にくい ⚫ 一定の品質を保つことが難しい ⚫ つい見た目の作り込みをしようとしてしまう
部品を組み合わせるだけで ワイヤーフレームができたら いいのに……
作りました (デモ)
ありがとうございました 合同会社世路庵 沖 良矢 @448jp