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
830
神速でワイヤーフレームを作るためのライブラリ
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
260
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
3.4k
合意形成のためのFigma活用術
448jp
0
87
書く・即・DONEな仕組みをNuxtで作る
448jp
0
360
Figmaで神速ドキュメント作成術
448jp
3
2.3k
今から始めるFigma超入門
448jp
0
1.6k
零細Web制作会社のリモートワーク事情
448jp
0
400
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
448jp
2
730
コーディングを神速化するJetBrains IDEのご紹介~基本機能からHTML/CSSまで~
448jp
0
300
Other Decks in Design
See All in Design
LayerX DesignersDeck
layerx
PRO
1
7.3k
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
320
The Very Small Creatures - dressing up warm sequence
lizziestoryboards
0
300
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
1.4k
なぜ今必要?Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
hilokifigma
0
750
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
ichichi
2
590
「デザイン」を信じるには
iflection
0
170
Crisp Code inc. ブランドガイドライン
so_kotani
1
150
界隈からの逃走–デザイン初め新年会2025
sekiguchiy
3
1.1k
本当に欲しかったのはモノレポツールではなく、tsconfigの設定だった / monorepo-tsconfig
rdlabo
1
100
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは?
atsushihomma
1
390
Echoes Boomerang
artcloudyu
PRO
0
150
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
40
7.2k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
How GitHub (no longer) Works
holman
314
140k
Agile that works and the tools we love
rasmusluckow
328
21k
Documentation Writing (for coders)
carmenintech
69
4.7k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.5k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Typedesign – Prime Four
hannesfritz
41
2.6k
Navigating Team Friction
lara
184
15k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.2k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
13
670
Transcript
DIST.39 「みんなのFigma」 で を 作るための 神速 ワイヤーフレーム ライブラリ 合同会社世路庵 沖 良矢 | 2023.6.2
FRI
None
ワイヤーフレームとは ⚫ ウェブページを構成する要素を列挙した設計図 ⚫ 制作前に情報設計について共有・合意するために作ります ⚫ 視覚表現の質、使いやすさは担保しません
ワイヤーフレームの例
なぜFigmaで作る? チーム、クライアントの から みんなで作る ワイヤーフレームは作ったら終わりの一方通行な成果物ではありません。情報の順序、 重要度、分類、動線が適切かどうか、議論・検討を重ねて修正を繰り返します。世路庵 では職種に関わらずプロジェクトに携わる全員がワイヤーフレームにコミットします。
ワイヤーフレームの辛み ⚫ 作るときにスピード感が出にくい ⚫ 一定の品質を保つことが難しい ⚫ つい見た目の作り込みをしようとしてしまう
部品を組み合わせるだけで ワイヤーフレームができたら いいのに……
作りました (デモ)
ありがとうございました 合同会社世路庵 沖 良矢 @448jp