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
49
書く・即・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
Slip N Slime - Character Design Ideation
thebogheart
0
350
ビジョン実現を加速させるデザインプログラムマネージャーの視座とキャリア/ Designship2024_Sato
root_recruit
0
230
Managing Design Systems (Antwerp 2024)
nathanacurtis
1
370
How to go from research data to insights?
mastervicedesign
0
200
政策広報実践講座_講演資料ダイジェスト2
capitolthink
0
100
【Designship 2024|10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
750
TUNAG BOOK 2024
stmn
0
420
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
190
2024/11/25 ReDesigner Online Meetup 会社紹介
cybozuinsideout
PRO
0
330
藤本佳子・ポートフォリオ・2025/01
yoshi_designer
0
1.5k
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
680
【デザイン初め新年会2025|01.08】事業貢献するデザイン組織の挑戦 - 2025年、課題解決をリードする。
payatsusan213
0
8k
Featured
See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
28
2.2k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.1k
Learning to Love Humans: Emotional Interface Design
aarron
274
40k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Facilitating Awesome Meetings
lara
51
6.2k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Producing Creativity
orderedlist
PRO
343
39k
Building Adaptive Systems
keathley
38
2.4k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.2k
Transcript
DIST.39 「みんなのFigma」 で を 作るための 神速 ワイヤーフレーム ライブラリ 合同会社世路庵 沖 良矢 | 2023.6.2
FRI
None
ワイヤーフレームとは ⚫ ウェブページを構成する要素を列挙した設計図 ⚫ 制作前に情報設計について共有・合意するために作ります ⚫ 視覚表現の質、使いやすさは担保しません
ワイヤーフレームの例
なぜFigmaで作る? チーム、クライアントの から みんなで作る ワイヤーフレームは作ったら終わりの一方通行な成果物ではありません。情報の順序、 重要度、分類、動線が適切かどうか、議論・検討を重ねて修正を繰り返します。世路庵 では職種に関わらずプロジェクトに携わる全員がワイヤーフレームにコミットします。
ワイヤーフレームの辛み ⚫ 作るときにスピード感が出にくい ⚫ 一定の品質を保つことが難しい ⚫ つい見た目の作り込みをしようとしてしまう
部品を組み合わせるだけで ワイヤーフレームができたら いいのに……
作りました (デモ)
ありがとうございました 合同会社世路庵 沖 良矢 @448jp