Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
FigmaのFigmaファイルから学ぶTips & Tricks
Search
Hiroki Tani
June 29, 2025
Design
950
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
FigmaのFigmaファイルから学ぶTips & Tricks
Hiroki Tani
June 29, 2025
More Decks by Hiroki Tani
See All by Hiroki Tani
結びながら、ひらく - にじむ境界のデザイン
hilokifigma
4
1.9k
Building foundations 堅牢なデザイントークンの設計
hilokifigma
3
5.9k
なぜ今必要?Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
hilokifigma
2
1.6k
You Don’t Know Figma Yet
hilokifigma
1
140
Other Decks in Design
See All in Design
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
520
富山デザイン勉強会_生成AIを使ったデザイン制作2026最新版.pdf
keita_yoshikawa
0
210
Webデザイナー中田美穂_ポートフォリオ
omy
0
220
このスロップ時代に良きデザインをつくるには? / good-design-in-the-slop-era
kgsi
1
1.2k
Spectrum Tokyo Meetup #26「できることが増えた時、デザイナーは何に時間を使うべきか」
muture
PRO
1
390
日経電子版を支えていく Kasane Design System
taitotnk
0
580
Typographie et intégration web
goetter
0
190
ひとりで作れる時代に、 判断をみんなで持つには。/ Build alone share judgment
kgsi
1
900
プレゼンスライド作成で意識していること
kimichan
0
160
[Unity] VAT×VFX Graphがいま個人的にアツイという話
sakiyama
0
140
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
tinykitten
1
670
デザインハーネス 〜AIが生成する"デザイン"の妥当性を、誰がどう担保するのか〜 / PdEConf2026 Design Harness
kgsi
14
23k
Featured
See All Featured
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
450
GitHub's CSS Performance
jonrohan
1033
470k
Building Applications with DynamoDB
mza
96
7.3k
Are puppies a ranking factor?
jonoalderson
2
4.1k
How GitHub (no longer) Works
holman
316
150k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
2
430
A designer walks into a library…
pauljervisheath
211
25k
Fantastic passwords and where to find them - at NoRuKo
philnash
53
4k
Everyday Curiosity
cassininazir
0
390
Measuring & Analyzing Core Web Vitals
bluesmoon
9
1.1k
Faster Mobile Websites
deanohume
310
32k
Facilitating Awesome Meetings
lara
57
7.2k
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