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
850
神速でワイヤーフレームを作るためのライブラリ
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
280
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
3.6k
合意形成のためのFigma活用術
448jp
0
100
書く・即・DONEな仕組みをNuxtで作る
448jp
0
370
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
320
Other Decks in Design
See All in Design
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
380
Marp + TailWind CSS でスライドをきれいにする
maea2
0
160
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
2.4k
デザイナーとPMの両ロール_3つのポイント
toy1618
1
290
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
2.4k
#yumemi_grow 読書シェア会 vol.1 - スコット・バークン著『デザインはどのように世界をつくるのか』
kaitou
1
170
CIRCULAR ECONOMY + SERVICES
jmanooch
0
110
エンジニアでも捗る デザイナー的思考入門
tinykitten
PRO
1
880
DC Style Redesign
mcduckyart
0
100
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
0
330
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
580
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
110
Featured
See All Featured
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.6k
Code Reviewing Like a Champion
maltzj
523
40k
Designing for Performance
lara
608
69k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Making Projects Easy
brettharned
116
6.2k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Testing 201, or: Great Expectations
jmmastey
42
7.5k
Building Applications with DynamoDB
mza
95
6.4k
Scaling GitHub
holman
459
140k
Done Done
chrislema
184
16k
Speed Design
sergeychernyshev
30
960
Git: the NoSQL Database
bkeepers
PRO
430
65k
Transcript
DIST.39 「みんなのFigma」 で を 作るための 神速 ワイヤーフレーム ライブラリ 合同会社世路庵 沖 良矢 | 2023.6.2
FRI
None
ワイヤーフレームとは ⚫ ウェブページを構成する要素を列挙した設計図 ⚫ 制作前に情報設計について共有・合意するために作ります ⚫ 視覚表現の質、使いやすさは担保しません
ワイヤーフレームの例
なぜFigmaで作る? チーム、クライアントの から みんなで作る ワイヤーフレームは作ったら終わりの一方通行な成果物ではありません。情報の順序、 重要度、分類、動線が適切かどうか、議論・検討を重ねて修正を繰り返します。世路庵 では職種に関わらずプロジェクトに携わる全員がワイヤーフレームにコミットします。
ワイヤーフレームの辛み ⚫ 作るときにスピード感が出にくい ⚫ 一定の品質を保つことが難しい ⚫ つい見た目の作り込みをしようとしてしまう
部品を組み合わせるだけで ワイヤーフレームができたら いいのに……
作りました (デモ)
ありがとうございました 合同会社世路庵 沖 良矢 @448jp