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
8.7k
人はなぜコミュニティとつながると幸せを感じるのか
448jp
3
370
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
4.2k
合意形成のためのFigma活用術
448jp
0
190
書く・即・DONEな仕組みをNuxtで作る
448jp
0
420
Figmaで神速ドキュメント作成術
448jp
3
2.7k
今から始めるFigma超入門
448jp
0
1.7k
零細Web制作会社のリモートワーク事情
448jp
0
470
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
448jp
2
800
Other Decks in Design
See All in Design
Crisp Code inc.|ブランドガイドライン - Brand guidelines
so_kotani
1
300
TWCP#21 UXデザインと哲学のはなし
shinn
0
270
第18回サイゼミ
lw
1
3.3k
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
techtekt
PRO
7
1.8k
Treasure_Hunting
solmetts
0
240
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
saka2jp
2
920
kintone_aroma
kintone
0
1.3k
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
culumu
1
570
kintone Style Book
kintone
6
10k
Figmaレクチャー会Part2 もっと使いこなす編@千株式会社 社内勉強会
designer_no_pon
1
250
爆速開発でAIプロダクトが40万インプレッションになった話
tsubura
0
160
AI時代に問われる、リサーチの感受性──地域⇄大企業の現場から見えた「違和感」との向き合い方
muture
PRO
0
420
Featured
See All Featured
Un-Boring Meetings
codingconduct
0
200
The Curse of the Amulet
leimatthew05
1
8.5k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.6k
Amusing Abliteration
ianozsvald
0
100
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
117
110k
Scaling GitHub
holman
464
140k
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
1
99
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
A better future with KSS
kneath
240
18k
ラッコキーワード サービス紹介資料
rakko
1
2.3M
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
130
Transcript
DIST.39 「みんなのFigma」 で を 作るための 神速 ワイヤーフレーム ライブラリ 合同会社世路庵 沖 良矢 | 2023.6.2
FRI
None
ワイヤーフレームとは ⚫ ウェブページを構成する要素を列挙した設計図 ⚫ 制作前に情報設計について共有・合意するために作ります ⚫ 視覚表現の質、使いやすさは担保しません
ワイヤーフレームの例
なぜFigmaで作る? チーム、クライアントの から みんなで作る ワイヤーフレームは作ったら終わりの一方通行な成果物ではありません。情報の順序、 重要度、分類、動線が適切かどうか、議論・検討を重ねて修正を繰り返します。世路庵 では職種に関わらずプロジェクトに携わる全員がワイヤーフレームにコミットします。
ワイヤーフレームの辛み ⚫ 作るときにスピード感が出にくい ⚫ 一定の品質を保つことが難しい ⚫ つい見た目の作り込みをしようとしてしまう
部品を組み合わせるだけで ワイヤーフレームができたら いいのに……
作りました (デモ)
ありがとうございました 合同会社世路庵 沖 良矢 @448jp