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
170

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.5k
なぜ今必要？Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
Avatar for Hiroki Tani hilokifigma
1
1.1k
You Don’t Know Figma Yet
Avatar for Hiroki Tani hilokifigma
0
61

Other Decks in Design

See All in Design
生成AIを活用した組み込みSW設計書検索システム開発
Avatar for mtsukada licux
7
1.1k
DC Style Redesign
Avatar for Brynn McDucky P. mcduckyart
0
120
Design Studio Deck | インクルーシブデザインスタジオCULUUM
Avatar for インクルーシブデザインスタジオCULUMU culumu
3
1.3k
#Dubois Challenge 2025: Economics
Avatar for Anthony Starks ajstarks
0
110
問いの変遷
Avatar for なつ iflection
0
140
1920*1080pxに設定したケース / Google Slide Size Test
Avatar for Arthur arthur1
0
2.8k
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
6
3.4k
株式会社バクタム　会社説明資料
Avatar for Bactum Inc. bactum
0
240
Storyboard Honey
Avatar for Rocío Parrón rocioparronrubio
0
270
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
Avatar for 山口哲弘 t2yamaguchi429
0
410
Cards | Storyboards
Avatar for Gio Fortunato giofortuna_story
0
280
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
860k

Featured

See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
5
210
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
346
40k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
26k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
36
2.8k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
56
9.4k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.7k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.7k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.6k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
281
13k
Visualization
Avatar for Eitan Lees eitanlees
146
16k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
20k

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