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
800
神速でワイヤーフレームを作るためのライブラリ
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
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
2.7k
合意形成のためのFigma活用術
448jp
0
51
書く・即・DONEな仕組みをNuxtで作る
448jp
0
320
Figmaで神速ドキュメント作成術
448jp
3
2.1k
今から始めるFigma超入門
448jp
0
1.5k
零細Web制作会社のリモートワーク事情
448jp
0
370
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
448jp
2
710
コーディングを神速化するJetBrains IDEのご紹介~基本機能からHTML/CSSまで~
448jp
0
260
Lottieで始めるWebアニメーション入門
448jp
1
590
Other Decks in Design
See All in Design
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
190
ZKK_001.pdf
nicholaspegu
0
1.4k
デザインシステム構築の進め方 基本から実践まで、具体的な手順を徹底解説
ncdc
1
370
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
1.3k
Les petites aventures de CSS, saison 2025
goetter
3
3.9k
プロダクトデザイナー視点から見た チームでの意思決定の難しさと 重要ポイント3点
kei141
0
570
世界中のチームワークをどうデザインしているのか
ka3zu1ma10
0
270
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
540
ネーミングの極意 - その名は体を現していますか? -
kakukoki
2
450
The Very Small Creatures - dressing up warm sequence
lizziestoryboards
0
130
Карта реализации историй — убийца USM
ashapiro
0
310
Arborea Art Book
thebogheart
1
320
Featured
See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
3
360
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.4k
For a Future-Friendly Web
brad_frost
176
9.5k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Scaling GitHub
holman
459
140k
Visualization
eitanlees
146
15k
Being A Developer After 40
akosma
89
590k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
192
16k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Building an army of robots
kneath
302
45k
The World Runs on Bad Software
bkeepers
PRO
66
11k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Transcript
DIST.39 「みんなのFigma」 で を 作るための 神速 ワイヤーフレーム ライブラリ 合同会社世路庵 沖 良矢 | 2023.6.2
FRI
None
ワイヤーフレームとは ⚫ ウェブページを構成する要素を列挙した設計図 ⚫ 制作前に情報設計について共有・合意するために作ります ⚫ 視覚表現の質、使いやすさは担保しません
ワイヤーフレームの例
なぜFigmaで作る? チーム、クライアントの から みんなで作る ワイヤーフレームは作ったら終わりの一方通行な成果物ではありません。情報の順序、 重要度、分類、動線が適切かどうか、議論・検討を重ねて修正を繰り返します。世路庵 では職種に関わらずプロジェクトに携わる全員がワイヤーフレームにコミットします。
ワイヤーフレームの辛み ⚫ 作るときにスピード感が出にくい ⚫ 一定の品質を保つことが難しい ⚫ つい見た目の作り込みをしようとしてしまう
部品を組み合わせるだけで ワイヤーフレームができたら いいのに……
作りました (デモ)
ありがとうございました 合同会社世路庵 沖 良矢 @448jp