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
520
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.6k
なぜ今必要?Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
hilokifigma
1
1.1k
You Don’t Know Figma Yet
hilokifigma
0
69
Other Decks in Design
See All in Design
UXデザインはなぜ定着しないのか?
designstudiopartners
0
770
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.4k
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
310
生成AIを活用した組み込みSW設計書検索システム開発
licux
7
1.2k
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
810
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
370
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
190
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
560
RAKSUL_DESIGN_DECK_20250319
raksulrecruiting
0
410
札幌の雪を観光資源に変える:デザインプログラムSESSAの挑戦
ittyann
0
270
線で考える画面構成
natsuume
1
890
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.2k
Featured
See All Featured
Raft: Consensus for Rubyists
vanstee
140
7k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.2k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
4 Signs Your Business is Dying
shpigford
184
22k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
How STYLIGHT went responsive
nonsquared
100
5.6k
BBQ
matthewcrist
89
9.7k
Bash Introduction
62gerente
613
210k
What's in a price? How to price your products and services
michaelherold
246
12k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
Git: the NoSQL Database
bkeepers
PRO
431
65k
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