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
9.8k
人はなぜコミュニティとつながると幸せを感じるのか
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
810
Other Decks in Design
See All in Design
Correspondence:共に生成していく過程
akiramotomura
0
200
2026_01_07_3DプリントはじめましたLT.pdf
hideakitakechi
0
110
図じゃなく言語で描く - Common Ground for Design AI Operations.
kazukiikeda
1
700
AIエージェントが対話的なUIを返す!MCP−UIで変わるユーザ体験
daitasu
1
160
「見せる」登壇資料デザインの極意
takanorip
2
540
ドルちゃん
design_dolphins
0
570
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
culumu
1
590
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
bitkey
PRO
0
270
はじめての演奏会フライヤーデザイン
chorkaichan
1
240
hicard_credential_202601
hicard
0
190
kintone Style Book
kintone
6
11k
研修担当者が一番伸びた 熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
garyuten
1
240
Featured
See All Featured
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.1k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.4k
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
450
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.1k
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
150
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
0
2.4k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.3k
Designing Experiences People Love
moore
143
24k
SEO for Brand Visibility & Recognition
aleyda
0
4.3k
Scaling GitHub
holman
464
140k
What does AI have to do with Human Rights?
axbom
PRO
1
2k
A Tale of Four Properties
chriscoyier
162
24k
Transcript
DIST.39 「みんなのFigma」 で を 作るための 神速 ワイヤーフレーム ライブラリ 合同会社世路庵 沖 良矢 | 2023.6.2
FRI
None
ワイヤーフレームとは ⚫ ウェブページを構成する要素を列挙した設計図 ⚫ 制作前に情報設計について共有・合意するために作ります ⚫ 視覚表現の質、使いやすさは担保しません
ワイヤーフレームの例
なぜFigmaで作る? チーム、クライアントの から みんなで作る ワイヤーフレームは作ったら終わりの一方通行な成果物ではありません。情報の順序、 重要度、分類、動線が適切かどうか、議論・検討を重ねて修正を繰り返します。世路庵 では職種に関わらずプロジェクトに携わる全員がワイヤーフレームにコミットします。
ワイヤーフレームの辛み ⚫ 作るときにスピード感が出にくい ⚫ 一定の品質を保つことが難しい ⚫ つい見た目の作り込みをしようとしてしまう
部品を組み合わせるだけで ワイヤーフレームができたら いいのに……
作りました (デモ)
ありがとうございました 合同会社世路庵 沖 良矢 @448jp