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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
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
470
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
4.3k
合意形成のためのFigma活用術
448jp
1
260
書く・即・DONEな仕組みをNuxtで作る
448jp
0
470
Figmaで神速ドキュメント作成術
448jp
3
2.8k
今から始めるFigma超入門
448jp
0
1.8k
零細Web制作会社のリモートワーク事情
448jp
0
540
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
448jp
2
850
Other Decks in Design
See All in Design
タイル紹介サイト「タイルだもんで」
calpin
0
160
全員がアウトプットを出せる時代、 誰を採用する?
nishame
0
620
kintone開発におけるライターの役割の変化〜AI活用を添えて〜 / Changes in the Role of Writers in Kintone Development
keroyama
0
150
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
440
染み出し好きの、 染み出しコントロール論
mukai_takeru
0
350
Basket_of_love.pdf
terencebasart
0
220
Frontier
rwang05
0
180
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
securecat
1
230
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
abokadotyann
4
1k
CULTURE DECK/Creative Director
mhand01
0
1.4k
「見せる」登壇資料デザインの極意
takanorip
7
1.3k
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
nbkouhou
2
520
Featured
See All Featured
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
160
Prompt Engineering for Job Search
mfonobong
0
390
Optimising Largest Contentful Paint
csswizardry
37
3.9k
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.9k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4.3k
Scaling GitHub
holman
464
140k
Documentation Writing (for coders)
carmenintech
77
5.4k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
3
1.1k
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
1
450
How to Think Like a Performance Engineer
csswizardry
28
2.7k
Transcript
DIST.39 「みんなのFigma」 で を 作るための 神速 ワイヤーフレーム ライブラリ 合同会社世路庵 沖 良矢 | 2023.6.2
FRI
None
ワイヤーフレームとは ⚫ ウェブページを構成する要素を列挙した設計図 ⚫ 制作前に情報設計について共有・合意するために作ります ⚫ 視覚表現の質、使いやすさは担保しません
ワイヤーフレームの例
なぜFigmaで作る? チーム、クライアントの から みんなで作る ワイヤーフレームは作ったら終わりの一方通行な成果物ではありません。情報の順序、 重要度、分類、動線が適切かどうか、議論・検討を重ねて修正を繰り返します。世路庵 では職種に関わらずプロジェクトに携わる全員がワイヤーフレームにコミットします。
ワイヤーフレームの辛み ⚫ 作るときにスピード感が出にくい ⚫ 一定の品質を保つことが難しい ⚫ つい見た目の作り込みをしようとしてしまう
部品を組み合わせるだけで ワイヤーフレームができたら いいのに……
作りました (デモ)
ありがとうございました 合同会社世路庵 沖 良矢 @448jp