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
650
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.8k
なぜ今必要?Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
hilokifigma
1
1.2k
You Don’t Know Figma Yet
hilokifigma
0
76
Other Decks in Design
See All in Design
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
280
「UXとUIの違い」v2
shirasu3
0
220
株式会社Muture_ソーシャル推進事業
muture
PRO
0
140
What makes a great Director?
_limex_
0
180
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
_psyc0_
0
290
デザイナーのAI活用とチームへの浸透戦略
ukaoli
0
110
BPStudy#213〜ビジネスアナリシスとDDD(ドメイン駆動設計)パネルディスカッション資料 / BPStudy213-panel
haru860
0
480
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
150
UX & Accessibilité cognitive : et si vous simplifiiez vraiment l’expérience utilisateur ?
marietournelle35
0
120
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
770
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
0
240
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.5k
Featured
See All Featured
Building an army of robots
kneath
306
46k
Embracing the Ebb and Flow
colly
87
4.8k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
284
13k
The Language of Interfaces
destraynor
160
25k
Mobile First: as difficult as doing things right
swwweet
224
9.9k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.5k
Six Lessons from altMBA
skipperchong
28
4k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
790
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
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