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
620
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.7k
なぜ今必要?Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
hilokifigma
1
1.2k
You Don’t Know Figma Yet
hilokifigma
0
75
Other Decks in Design
See All in Design
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
120
CursorでAI活用のナレッジベースを構築する
kanzaki
0
510
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.6k
minpaku-community-scrum-patterns
norinity1103
1
220
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
360
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
gakuoya
1
700
mento Design Team Portfolio
mento0fficial
0
510
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
490
エンジニアでも捗る デザイナー的思考入門
tinykitten
PRO
1
1.2k
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
430
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
720
Crisp Code inc. ブランドガイドライン
so_kotani
1
200
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Bash Introduction
62gerente
614
210k
Speed Design
sergeychernyshev
32
1.1k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
Documentation Writing (for coders)
carmenintech
73
5k
Building Applications with DynamoDB
mza
95
6.5k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Designing Experiences People Love
moore
142
24k
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