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
FigmaのFigmaファイルから学ぶTips & Tricks
Search
Hiroki Tani
June 29, 2025
Design
0
440
FigmaのFigmaファイルから学ぶTips & Tricks
Hiroki Tani
June 29, 2025
Tweet
Share
More Decks by Hiroki Tani
See All by Hiroki Tani
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3.5k
なぜ今必要?Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
hilokifigma
1
1.1k
You Don’t Know Figma Yet
hilokifigma
0
64
Other Decks in Design
See All in Design
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
130
“使いやすい”が生産性を変える!業務を効率化するためのUX/UI設計ポイント
ncdc
2
400
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
4
1.1k
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.6k
7 Core Values of Round-L
wired888
0
120
新年あけおめWSの実施スキルをみんなで振り返りタイムのススメ
sugiyama_sukedachi
0
130
CMS管理画面のアクセシビリティ
magi1125
6
2k
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
470
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
2.1k
AIで加速するアクセシビリティのこれから
magi1125
3
550
Starry | Storyboards | Scene 1-21
giofortuna_story
0
380
250131_product meetup
motokoishida
0
210
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
RailsConf 2023
tenderlove
30
1.1k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Why Our Code Smells
bkeepers
PRO
337
57k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
125
52k
Unsuck your backbone
ammeep
671
58k
Automating Front-end Workflow
addyosmani
1370
200k
Fireside Chat
paigeccino
37
3.5k
Transcript
Hiroki Tani Designer Advocate Figmaの Figmaファイルから学ぶ Tips & Tricks
None
figma.com/community
UI3: Figma's UI Kit → FigmaのUIに使われているコンポーネントを 整理したUI Kit
Tips & Tricks - UI3: Figma's UI Kit
Tips & Tricks - UI3: Figma's UI Kit コンポーネント名の先頭に_や.をつ けることで公開ライブラリから除外
できる
Simple Design System → Figma公式で作成したデザインシステムのサンプル
Simple Design System コンポーネントセット (Variants)のレイアウトの 線や背景の色を変えるこ とができる。変えた背景 色はAssetsパネルなどに も反映される。
github.com/figma/sds
Thank you! UI3: Figma's UI Kit Simple Design System (Figma
file) Simple Design System (GitHub repo) x.com/hiloki