๋กœ๊ทธ์ธ
Design Token Inspector ๋ฏธ๋ฆฌ๋ณด๊ธฐ

Design Token Inspector ์ œ์ž‘์ž: jsrothwell

Extract and analyze design tokens (colors, typography, spacing) from any website. Export tokens, detect inconsistencies, and maintain design system consistency.

0 (๋ฆฌ๋ทฐ 0๊ฐœ)
์‚ฌ์šฉ์ž ์—†์Œ
Firefox๋ฅผ ๋‹ค์šด๋กœ๋“œํ•˜๊ณ  ํ™•์žฅ ๊ธฐ๋Šฅ์„ ๋ฐ›์œผ์„ธ์š”
ํŒŒ์ผ ๋‹ค์šด๋กœ๋“œ
์ •๋ณด
Instantly analyze design tokens on any webpage. Extract and visualize colors, typography, spacing, borders, shadows, transitions, and CSS variables. Export findings as JSON or CSS files. Perfect for developers and designers building consistent design systems.
0๋ช…์ด 0์ ์œผ๋กœ ํ‰๊ฐ€ํ•จ

๋ณ„์  ์ €์žฅ๋จ

5
0
4
0
3
0
2
0
1
0
์•„์ง ๋ฆฌ๋ทฐ ์—†์Œ
๊ถŒํ•œ ๋ฐ ๋ฐ์ดํ„ฐ

ํ•„์ˆ˜ ๊ถŒํ•œ:

  • ํด๋ฆฝ๋ณด๋“œ์— ๋ฐ์ดํ„ฐ ๋„ฃ๊ธฐ
  • ๋ชจ๋“  ์›น์‚ฌ์ดํŠธ์—์„œ ์‚ฌ์šฉ์ž์˜ ๋ฐ์ดํ„ฐ์— ์ ‘๊ทผ

๋ฐ์ดํ„ฐ ์ˆ˜์ง‘:

  • ๊ฐœ๋ฐœ์ž๊ฐ€ ์ด ํ™•์žฅ ๊ธฐ๋Šฅ์€ ๋ฐ์ดํ„ฐ ์ˆ˜์ง‘์ด ํ•„์š”ํ•˜์ง€ ์•Š๋‹ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค.
๋” ์•Œ์•„๋ณด๊ธฐ
์ถ”๊ฐ€ ์ •๋ณด
๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ๋งํฌ
๋ฒ„์ „
1.0.0
ํฌ๊ธฐ
19.15 KB
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ
ํ•œ ๋‹ฌ ์ „ (2025๋…„ 11์›” 26์ผ)
๊ด€๋ จ ์นดํ…Œ๊ณ ๋ฆฌ
๋ชจ์Œ์ง‘์— ์ถ”๊ฐ€
์ด ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ์‹ ๊ณ