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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Hiroki Tani Hiroki Tani
June 29, 2025
Design
830
1

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

Avatar for Hiroki Tani

Hiroki Tani

June 29, 2025

More Decks by Hiroki Tani

See All by Hiroki Tani
結びながら、ひらく - にじむ境界のデザイン
Avatar for Hiroki Tani hilokifigma
4
1.6k
Building foundations 堅牢なデザイントークンの設計
Avatar for Hiroki Tani hilokifigma
3
5k
なぜ今必要？Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
Avatar for Hiroki Tani hilokifigma
2
1.5k
You Don’t Know Figma Yet
Avatar for Hiroki Tani hilokifigma
1
110

Other Decks in Design

See All in Design
AIスライド生成を進化させるMDファイル
Avatar for 太田賢一 kenichiota0711
0
740
CULTURE DECK／Creative Director
Avatar for M-HAND,Inc. mhand01
0
1k
富山デザイン勉強会_デザイントレンド2026.pdf
Avatar for keita keita_yoshikawa
3
160
30分でわかるインサイトマネジメント（2025年12月バージョン）
Avatar for Centou centou
1
510
2026年の勢い / Momentum for 2026
Avatar for bebe bebe
0
410
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
280
Ralph Penel Portfolio
Avatar for ralphpenel ralphpenel
0
390
チームをデザイン対象にする / Design for your team
Avatar for 株式会社カミナシ kaminashi
1
1.1k
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
2
27k
「自分の仕事はどこまで？」と問い続けたら。デザイナーの「視座」を考える
Avatar for Takeru Mukai mukai_takeru
0
330
Drawing for Animation
Avatar for Mandalyn Teo lynteo
2
270
第18回サイゼミ
Avatar for LW lw
1
3.7k

Featured

See All Featured
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3.3k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
2
6.4k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.1k
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.2k
Scaling GitHub
Avatar for Zach Holman holman
464
140k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
510
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.6k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
1
150
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
6.5k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
110
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
960

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