Upgrade to Pro — share decks privately, control downloads, hide ads and more …

FigmaのFigmaファイルから学ぶTips & Tricks

Avatar for Hiroki Tani Hiroki Tani
June 29, 2025
Design
0
620

FigmaのFigmaファイルから学ぶTips & Tricks

Avatar for Hiroki Tani

Hiroki Tani

June 29, 2025
Tweet

More Decks by Hiroki Tani

See All by Hiroki Tani
Building foundations 堅牢なデザイントークンの設計
Avatar for Hiroki Tani hilokifigma
2
3.7k
なぜ今必要？Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
Avatar for Hiroki Tani hilokifigma
1
1.2k
You Don’t Know Figma Yet
Avatar for Hiroki Tani hilokifigma
0
75

Other Decks in Design

See All in Design
AIで加速するアクセシビリティのこれから
Avatar for Rikiya Ihara / magi magi1125
3
620
How to get a Tiger to Tulsa
Avatar for Brynn McDucky P. mcduckyart
0
120
ポートフォリオ_webデザイナー
Avatar for Nami_designer/corder nami_webdesigner
0
150
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
8
4.3k
AI時代に、僕たちデザイナーはどう歩むか
Avatar for kim kazuhirokimura
0
330
信念を持つ方法
Avatar for Rikiya Ihara / magi magi1125
0
170
Tools for Design Engineers other than LLM in the LLM era
Avatar for takanorip takanorip
1
400
Kid Cowboy 103
Avatar for Marilu Molina marilutwin
0
290
AI動画生成ガチャ紹介
Avatar for Takatomo Torigoe piyo7
1
180
今日から意識できるアクセシビリティ
Avatar for fumiko fumiko
0
290
株式会社バクタム　会社説明資料
Avatar for Bactum Inc. bactum
0
280
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
Avatar for trivia trivia
0
520

Featured

See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
Visualization
Avatar for Eitan Lees eitanlees
146
16k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1.1k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
70
11k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
56
5.7k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
614
210k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
278
23k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
139
34k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k

Transcript

  1. Hiroki Tani Designer Advocate Figmaの Figmaファイルから学ぶ Tips & Tricks

  2. None

  3. figma.com/community

  4. UI3: Figma's UI Kit → FigmaのUIに使われているコンポーネントを 整理したUI Kit

  5. Tips & Tricks - UI3: Figma's UI Kit

  6. Tips & Tricks - UI3: Figma's UI Kit コンポーネント名の先頭に_や.をつ けることで公開ライブラリから除外

    できる

  7. Simple Design System → Figma公式で作成したデザインシステムのサンプル

  8. Simple Design System コンポーネントセット (Variants)のレイアウトの 線や背景の色を変えるこ とができる。変えた背景 色はAssetsパネルなどに も反映される。

  9. github.com/figma/sds

  10. Thank you! UI3: Figma's UI Kit Simple Design System (Figma

    file) Simple Design System (GitHub repo) x.com/hiloki