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
450
Figmaで神速ドキュメント作成術
448jp
3
2.8k
今から始めるFigma超入門
448jp
0
1.7k
零細Web制作会社のリモートワーク事情
448jp
0
520
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
448jp
2
830
Other Decks in Design
See All in Design
decksh object reference
ajstarks
2
1.6k
Accelerating performance improvement based on a software review evaluation matrix
kitanosirokuma
0
210
コンテンツ作成者の体験を設計する
chiilog
0
140
AIエージェントが対話的なUIを返す!MCP−UIで変わるユーザ体験
daitasu
1
190
「見せる」登壇資料デザインの極意
takanorip
3
750
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
securecat
1
350
デザイナーとエンジニアで 同じ山に登ろう
moco1013
0
210
OJTで学んだ 「心を動かす」ファシリテーション
saki822
1
290
これからの「Webデザイン」の話をしよう~デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値~
ds35mm
0
670
Franks Myth
gfht1
2
460
Crisp Code inc.|ブランドガイドライン - Brand guidelines
so_kotani
1
350
爆速開発でAIプロダクトが40万インプレッションになった話
tsubura
0
230
Featured
See All Featured
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
150
Making Projects Easy
brettharned
120
6.6k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Building Adaptive Systems
keathley
44
3k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.5k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.3k
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
260
The browser strikes back
jonoalderson
0
980
How STYLIGHT went responsive
nonsquared
100
6.1k
Become a Pro
speakerdeck
PRO
31
5.9k
Marketing to machines
jonoalderson
1
5.2k
Java REST API Framework Comparison - PWX 2021
mraible
34
9.3k
Transcript
DIST.39 「みんなのFigma」 で を 作るための 神速 ワイヤーフレーム ライブラリ 合同会社世路庵 沖 良矢 | 2023.6.2
FRI
None
ワイヤーフレームとは ⚫ ウェブページを構成する要素を列挙した設計図 ⚫ 制作前に情報設計について共有・合意するために作ります ⚫ 視覚表現の質、使いやすさは担保しません
ワイヤーフレームの例
なぜFigmaで作る? チーム、クライアントの から みんなで作る ワイヤーフレームは作ったら終わりの一方通行な成果物ではありません。情報の順序、 重要度、分類、動線が適切かどうか、議論・検討を重ねて修正を繰り返します。世路庵 では職種に関わらずプロジェクトに携わる全員がワイヤーフレームにコミットします。
ワイヤーフレームの辛み ⚫ 作るときにスピード感が出にくい ⚫ 一定の品質を保つことが難しい ⚫ つい見た目の作り込みをしようとしてしまう
部品を組み合わせるだけで ワイヤーフレームができたら いいのに……
作りました (デモ)
ありがとうございました 合同会社世路庵 沖 良矢 @448jp