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
920
神速でワイヤーフレームを作るためのライブラリ
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.1k
人はなぜコミュニティとつながると幸せを感じるのか
448jp
3
370
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
4.2k
合意形成のためのFigma活用術
448jp
0
200
書く・即・DONEな仕組みをNuxtで作る
448jp
0
420
Figmaで神速ドキュメント作成術
448jp
3
2.7k
今から始めるFigma超入門
448jp
0
1.7k
零細Web制作会社のリモートワーク事情
448jp
0
480
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
448jp
2
800
Other Decks in Design
See All in Design
デザイナーとエンジニアで 同じ山に登ろう
moco1013
0
140
チームをデザイン対象にする / Design for your team
kaminashi
1
570
decksh object reference
ajstarks
2
1.5k
Ralph Penel Portfolio
ralphpenel
0
260
公開スライド)熊本市様-電子申請中級編
garyuten
0
840
Vibe Coding デザインシステム
poteboy
3
1.6k
デザイナーがAIを使い倒して爆速プロダクト開発!社内ハッカソンでの取り組み紹介
abokadotyann
9
3k
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
pixyzehn
0
140
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
akatsuki174
1
510
OJTで学んだ 「心を動かす」ファシリテーション
saki822
1
240
AI情報に溺れながら、それでも頑張って泳ぐための思考法
yoriss67
0
130
From the Visible Crossroads: Turning Outputs into Outcomes
takaikanako
2
1.1k
Featured
See All Featured
How to Ace a Technical Interview
jacobian
281
24k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
270
Context Engineering - Making Every Token Count
addyosmani
9
670
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.4k
Heart Work Chapter 1 - Part 1
lfama
PRO
5
35k
Claude Code のすすめ
schroneko
67
210k
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
120
Fireside Chat
paigeccino
41
3.8k
The Curious Case for Waylosing
cassininazir
0
240
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
0
1.1k
Darren the Foodie - Storyboard
khoart
PRO
2
2.4k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
110
Transcript
DIST.39 「みんなのFigma」 で を 作るための 神速 ワイヤーフレーム ライブラリ 合同会社世路庵 沖 良矢 | 2023.6.2
FRI
None
ワイヤーフレームとは ⚫ ウェブページを構成する要素を列挙した設計図 ⚫ 制作前に情報設計について共有・合意するために作ります ⚫ 視覚表現の質、使いやすさは担保しません
ワイヤーフレームの例
なぜFigmaで作る? チーム、クライアントの から みんなで作る ワイヤーフレームは作ったら終わりの一方通行な成果物ではありません。情報の順序、 重要度、分類、動線が適切かどうか、議論・検討を重ねて修正を繰り返します。世路庵 では職種に関わらずプロジェクトに携わる全員がワイヤーフレームにコミットします。
ワイヤーフレームの辛み ⚫ 作るときにスピード感が出にくい ⚫ 一定の品質を保つことが難しい ⚫ つい見た目の作り込みをしようとしてしまう
部品を組み合わせるだけで ワイヤーフレームができたら いいのに……
作りました (デモ)
ありがとうございました 合同会社世路庵 沖 良矢 @448jp