Skip to content

chore: 피그마 디자인 토큰 동기화 - #739

Closed
iOdiO89 wants to merge 1 commit into
devfrom
chore/figma-git-sync
Closed

iOdiO89 wants to merge 1 commit into
devfrom
chore/figma-git-sync

Conversation

@iOdiO89

@iOdiO89 iOdiO89 commented Oct 16, 2026

Copy link
Copy Markdown
Contributor

피그마 → 깃 동기화 플러그인이 만든 PR 이에요.

변경된 토큰 (기준 브랜치 대비)

Atomic

  • 추가 Base/50: #ffffff
  • 추가 Base/950: #000000
  • 추가 Gray/50: #f4f4f6
  • 추가 Gray/75: #e9e9ed
  • 추가 Gray/100: #dcdee2
  • 추가 Gray/200: #c5c8ce
  • 추가 Gray/300: #adb1bb
  • 추가 Gray/400: #959ba7
  • 추가 Gray/500: #7d8594
  • 추가 Gray/600: #686f7e
  • 추가 Gray/700: #545a66
  • 추가 Gray/800: #40454e
  • 추가 Gray/900: #2d3037
  • 추가 Gray/950 •: #191b1f
  • 추가 Sky blue/50: #ecf8fe
  • 추가 Sky blue/100: #c5e9fd
  • 추가 Sky blue/200: #9edbfd
  • 추가 Sky blue/300: #76cefd
  • 추가 Sky blue/500: #1baefd
  • 추가 Sky blue/600: #0494e2
  • 추가 Sky blue/700: #0473ae
  • 추가 Sky blue/800: #04527b
  • 추가 Sky blue/900: #033149
  • 추가 Sky blue/950: #011018
  • 추가 Sky blue/400 •: #4dc1ff
  • 추가 Red/50: #feedec
  • 추가 Red/100: #fbc9c8
  • 추가 Red/200: #faa5a2
  • 추가 Red/300: #f9807c
  • 추가 Red/400: #f95b56
  • 추가 Red/600: #e91008
  • 추가 Red/700: #b30e08
  • 추가 Red/800: #7e0b07
  • 추가 Red/900: #4b0705
  • 추가 Red/950: #180302
  • 추가 Red/500 •: #fa352e
  • 추가 Yellow/50: #fefaec
  • 추가 Yellow/100: #fcf2cb
  • 추가 Yellow/200: #fbebaa
  • 추가 Yellow/300: #fae488
  • 추가 Yellow/500: #f8d031
  • 추가 Yellow/600: #e9bd0a
  • 추가 Yellow/700: #b49109
  • 추가 Yellow/800: #7f6708
  • 추가 Yellow/900: #4b3d05
  • 추가 Yellow/950: #181302
  • 추가 Yellow/400 •: #fbdd65
  • 추가 Orange/50: #fef3ec
  • 추가 Orange/100: #fddcc6
  • 추가 Orange/200: #fcc4a0
  • 추가 Orange/300: #fcad79
  • 추가 Orange/400: #fc9651
  • 추가 Orange/500: #fd7e29
  • 추가 Orange/700: #c35002
  • 추가 Orange/800: #893904
  • 추가 Orange/900: #502203
  • 추가 Orange/950: #180a01
  • 추가 Orange/600 •: #ff6600
  • 추가 Blue/50: #ecf3fe
  • 추가 Blue/100: #c5dbfb
  • 추가 Blue/200: #9dc3f9
  • 추가 Blue/300: #74abf9
  • 추가 Blue/400: #4a93f9
  • 추가 Blue/600: #0861de
  • 추가 Blue/700: #084cab
  • 추가 Blue/800: #073679
  • 추가 Blue/900: #052148
  • 추가 Blue/950: #020b18
  • 추가 Blue/500 •: #1f7af9
  • 추가 Green/50: #f0faf6
  • 추가 Green/100: #ceeee2
  • 추가 Green/200: #ace3ce
  • 추가 Green/300: #8ad9bb
  • 추가 Green/400: #67cfa7
  • 추가 Green/600: #34a57a
  • 추가 Green/700: #2a805f
  • 추가 Green/800: #1e5b44
  • 추가 Green/900: #133729
  • 추가 Green/950: #07130e
  • 추가 Green/500 •: #44c594
  • 추가 Purple/50: #f1eefc
  • 추가 Purple/100: #e4dcf9
  • 추가 Purple/300: #b19def
  • 추가 Purple/400: #8e70e7
  • 추가 Purple/500: #6a44de
  • 추가 Purple/600: #4d24c9
  • 추가 Purple/700: #3d1d9b
  • 추가 Purple/800: #2b156e
  • 추가 Purple/900: #1a0d41
  • 추가 Purple/950: #090415
  • 추가 Purple/200 •: #d5caf7

Sementic

  • 추가 bg/accent: {Atomic.Sky blue.500}
  • 추가 bg/warning: {Atomic.Yellow.50}
  • 추가 bg/error: {Atomic.Red.50}
  • 추가 bg/success: {Atomic.Green.50}
  • 추가 bg/informative: {Atomic.Blue.50}
  • 추가 bg/neutral/primary: {Atomic.Gray.900}
  • 추가 bg/neutral/secondary: {Atomic.Gray.800}
  • 추가 bg/neutral/tertiary: {Atomic.Gray.75}
  • 추가 bg/layer/default: {Atomic.Base.50}
  • 추가 bg/layer/basement: {Atomic.Gray.50}
  • 추가 bg/layer/floating: {Atomic.Base.50}
  • 추가 bg/layer/overlay-40: #00000066
  • 추가 bg/layer/overlay-20: #00000033
  • 추가 bg/layer/overlay-12: #0000001f
  • 추가 bg/layer/overlay-8: #00000014
  • 추가 bg/layer/overlay-4: #0000000a
  • 추가 text/accent: {Atomic.Sky blue.600}
  • 추가 text/warning: {Atomic.Yellow.900}
  • 추가 text/error: {Atomic.Red.600}
  • 추가 text/success: {Atomic.Green.600}
  • 추가 text/informative: {Atomic.Blue.600}
  • 추가 text/neutral/primary: {Atomic.Gray.900}
  • 추가 text/neutral/secondary: {Atomic.Gray.600}
  • 추가 text/neutral/tertiary: {Atomic.Gray.300}
  • 추가 text/neutral/inverse: {Atomic.Base.50}
  • 추가 border/accent: {Atomic.Sky blue.400 •}
  • 추가 border/warning: {Atomic.Yellow.400 •}
  • 추가 border/error: {Atomic.Red.400}
  • 추가 border/success: {Atomic.Green.400}
  • 추가 border/informative: {Atomic.Blue.400}
  • 추가 border/neutral/primary: {Atomic.Gray.700}
  • 추가 border/neutral/secondary: {Atomic.Gray.500}
  • 추가 border/neutral/tertiary: {Atomic.Gray.300}
  • 추가 border/neutral/muted: {Atomic.Gray.75}
  • 추가 icon/accent: {Atomic.Sky blue.500}
  • 추가 icon/warning: {Atomic.Yellow.500}
  • 추가 icon/error: {Atomic.Red.300}
  • 추가 icon/success: {Atomic.Green.400}
  • 추가 icon/informative: {Atomic.Blue.600}
  • 추가 icon/neutral/primary: {Atomic.Gray.600}
  • 추가 icon/neutral/secondary: {Atomic.Gray.300}
  • 추가 icon/neutral/inverse: {Atomic.Base.50}

Typography

  • 추가 weight/regular: regular
  • 추가 weight/medium: medium
  • 추가 weight/semibold: semibold
  • 추가 weight/bold: bold
  • 추가 size/title/1: 24
  • 추가 size/heading/1: 20
  • 추가 size/heading/2: 18
  • 추가 size/body/1: 16
  • 추가 size/body/2: 14
  • 추가 size/caption/1: 12
  • 추가 line-height/title/1: 32
  • 추가 line-height/heading/1: 28
  • 추가 line-height/heading/2: 26
  • 추가 line-height/body/1: 22
  • 추가 line-height/body/2: 20
  • 추가 line-height/caption/1: 18
  • 추가 letter-spacing/letter-spacing: -0.6000000238418579
  • 추가 letter-spacing/letter-spacing 2: -0.4000000059604645
  • 추가 Text: String value

Shape

  • 추가 Radius/Radius-r1: 4
  • 추가 Radius/Radius-r2: 8
  • 추가 Radius/Radius-r3: 12
  • 추가 Radius/Radius-r4: 16
  • 추가 Radius/Radius-r5: 20
  • 추가 Radius/Radius-r6: 24
  • 추가 Radius/Radius-r7: 28
  • 추가 Spacing/Spacing -x1: 4
  • 추가 Spacing/Spacing -x2: 8
  • 추가 Spacing/Spacing -x3: 12
  • 추가 Spacing/Spacing -x4: 16
  • 추가 Spacing/Spacing -x5: 20
  • 추가 Spacing/Spacing -x6: 24
  • 추가 Spacing/Spacing -x7: 28
  • 추가 Spacing/Spacing -x8: 32
  • 추가 Spacing/Spacing -x9: 36

동기화 기록

  • 2026-10-16 15:27 · 정선아

@vercel

vercel Bot commented Oct 16, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
piki Ready Ready Preview Oct 16, 2026 6:29am UTC
piki-notify Ready Ready Preview Oct 16, 2026 6:29am UTC

@coderabbitai

coderabbitai Bot commented Oct 16, 2026

Copy link
Copy Markdown

Warning

Review limit reached

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

Next included review available in 38 minutes.

Check out review usage here.

View limit details

Limit details: You’ve used the included review currently available.

Learn how review limits work.

Review configuration:

⚙️ Run configuration
  • Configuration used: Repository UI
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: 59d75ab3-3129-45f7-a1ec-f3865b355fb9
📥 Commits

Reviewing files that changed from the base of the PR and between 68599ff and b8def33.

📒 Files selected for processing: 2
  • tokens/tokens.css
  • tokens/tokens.json
  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

This branch was successfully deployed

2 active deployments
Preview – piki — b8def33b Deployed Oct 16, 2026 by vercel[bot]
Preview – piki-notify — b8def33b Deployed Oct 16, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant