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
840
神速でワイヤーフレームを作るためのライブラリ
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
人はなぜコミュニティとつながると幸せを感じるのか
448jp
3
270
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
3.5k
合意形成のためのFigma活用術
448jp
0
97
書く・即・DONEな仕組みをNuxtで作る
448jp
0
360
Figmaで神速ドキュメント作成術
448jp
3
2.4k
今から始めるFigma超入門
448jp
0
1.6k
零細Web制作会社のリモートワーク事情
448jp
0
410
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
448jp
2
740
コーディングを神速化するJetBrains IDEのご紹介~基本機能からHTML/CSSまで~
448jp
0
310
Other Decks in Design
See All in Design
Cards | Storyboards
giofortuna_story
0
230
新年あけおめWSの実施スキルをみんなで振り返りタイムのススメ
sugiyama_sukedachi
0
110
Saudade typeface
tiagoporto
0
280
苦労が多かった多言語対応をFigmaで楽にした話
pioneer_devrel
PRO
0
200
Starry | Storyboards | Scene 1-21
giofortuna_story
0
230
ポートフォリオ_藤田歩希(ほまれ)
akifujita_homarecreate
0
490
An Early Spring | Storyboard | Scenes 1-18
giofortuna_story
0
220
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
340
ほしいテンプレート制作から始めるツール学習のススメ📝
60d
0
120
Echoes Boomerang
artcloudyu
PRO
0
180
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
ichichi
2
630
NAHO SHIMONO_Portfolio2025
nahohphp
0
550
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
349
20k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
14
1.5k
How GitHub (no longer) Works
holman
314
140k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Product Roadmaps are Hard
iamctodd
PRO
53
11k
The World Runs on Bad Software
bkeepers
PRO
68
11k
Practical Orchestrator
shlominoach
187
11k
GraphQLとの向き合い方2022年版
quramy
46
14k
The Cult of Friendly URLs
andyhume
78
6.4k
GitHub's CSS Performance
jonrohan
1031
460k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
Transcript
DIST.39 「みんなのFigma」 で を 作るための 神速 ワイヤーフレーム ライブラリ 合同会社世路庵 沖 良矢 | 2023.6.2
FRI
None
ワイヤーフレームとは ⚫ ウェブページを構成する要素を列挙した設計図 ⚫ 制作前に情報設計について共有・合意するために作ります ⚫ 視覚表現の質、使いやすさは担保しません
ワイヤーフレームの例
なぜFigmaで作る? チーム、クライアントの から みんなで作る ワイヤーフレームは作ったら終わりの一方通行な成果物ではありません。情報の順序、 重要度、分類、動線が適切かどうか、議論・検討を重ねて修正を繰り返します。世路庵 では職種に関わらずプロジェクトに携わる全員がワイヤーフレームにコミットします。
ワイヤーフレームの辛み ⚫ 作るときにスピード感が出にくい ⚫ 一定の品質を保つことが難しい ⚫ つい見た目の作り込みをしようとしてしまう
部品を組み合わせるだけで ワイヤーフレームができたら いいのに……
作りました (デモ)
ありがとうございました 合同会社世路庵 沖 良矢 @448jp