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
400
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
4.2k
合意形成のためのFigma活用術
448jp
1
230
書く・即・DONEな仕組みをNuxtで作る
448jp
0
440
Figmaで神速ドキュメント作成術
448jp
3
2.7k
今から始めるFigma超入門
448jp
0
1.7k
零細Web制作会社のリモートワーク事情
448jp
0
520
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
448jp
2
820
Other Decks in Design
See All in Design
【サイバーエージェント】Creative Switch 会社説明資料
cyberagent_creators
0
5.5k
Spacemarket Brand Guide
spacemarket
2
380
情報を翻訳する-伝わる可視化3原則とオープンデータ活用-
hjmkth
1
190
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
payatsusan213
0
260
モビリティプラットフォームの未来を築くクラウド基盤
kossykinto
0
250
Connpass-Xperia_Camera_App_by_HCD.pdf
sony
0
570
OJTで学んだ 「心を動かす」ファシリテーション
saki822
1
280
公開スライド)熊本市様-電子申請中級編
garyuten
0
1.1k
TUNAG BOOK 2024
stmn
PRO
0
1.5k
次世代のクリエイティブ体験!Photoshopの最新機能で新しい未来を切り開こう
connecre
0
120
CREATIVE CLASS受講課題|無印良品を題材としたブランド再構築について
happy_ferret153
0
800
30分でわかるインサイトマネジメント(2025年12月バージョン)
centou
1
490
Featured
See All Featured
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
260
Color Theory Basics | Prateek | Gurzu
gurzu
0
270
AI: The stuff that nobody shows you
jnunemaker
PRO
4
500
Making Projects Easy
brettharned
120
6.6k
Side Projects
sachag
455
43k
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
450
Build your cross-platform service in a week with App Engine
jlugia
234
18k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
140
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
3.8k
Optimizing for Happiness
mojombo
378
71k
The Spectacular Lies of Maps
axbom
PRO
1
670
Transcript
DIST.39 「みんなのFigma」 で を 作るための 神速 ワイヤーフレーム ライブラリ 合同会社世路庵 沖 良矢 | 2023.6.2
FRI
None
ワイヤーフレームとは ⚫ ウェブページを構成する要素を列挙した設計図 ⚫ 制作前に情報設計について共有・合意するために作ります ⚫ 視覚表現の質、使いやすさは担保しません
ワイヤーフレームの例
なぜFigmaで作る? チーム、クライアントの から みんなで作る ワイヤーフレームは作ったら終わりの一方通行な成果物ではありません。情報の順序、 重要度、分類、動線が適切かどうか、議論・検討を重ねて修正を繰り返します。世路庵 では職種に関わらずプロジェクトに携わる全員がワイヤーフレームにコミットします。
ワイヤーフレームの辛み ⚫ 作るときにスピード感が出にくい ⚫ 一定の品質を保つことが難しい ⚫ つい見た目の作り込みをしようとしてしまう
部品を組み合わせるだけで ワイヤーフレームができたら いいのに……
作りました (デモ)
ありがとうございました 合同会社世路庵 沖 良矢 @448jp