Skip to content

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

Merged
iOdiO89 merged 1 commit into
chore/figma-git-testfrom
chore/figma-git-sync
Oct 20, 2026
Merged

iOdiO89 merged 1 commit into
chore/figma-git-testfrom
chore/figma-git-sync

Conversation

@iOdiO89

@iOdiO89 iOdiO89 commented Oct 20, 2026

Copy link
Copy Markdown
Contributor

작업 요약

  • 피그마 디자인 토큰 변경 - 추가 183개
  • 작업자: 정선아

작업 세부 내용

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

Text Styles

상태 토큰 이전 이후
추가 Title 1/bold fontFamily: Pretendard, fontWeight: 700, fontSize: {Typography.size.title.1}, lineHeight: {Typography.line-height.title.1}, letterSpacing: {Typography.letter-spacing.letter-spacing}
추가 Heading 1/bold fontFamily: Pretendard, fontWeight: 700, fontSize: {Typography.size.heading.1}, lineHeight: {Typography.line-height.heading.1}, letterSpacing: {Typography.letter-spacing.letter-spacing}
추가 Heading 1/semibold fontFamily: Pretendard, fontWeight: 600, fontSize: {Typography.size.heading.1}, lineHeight: {Typography.line-height.heading.1}, letterSpacing: {Typography.letter-spacing.letter-spacing}
추가 Heading 2/semibold fontFamily: Pretendard, fontWeight: 600, fontSize: {Typography.size.heading.2}, lineHeight: {Typography.line-height.heading.2}, letterSpacing: {Typography.letter-spacing.letter-spacing}
추가 Heading 2/medium fontFamily: Pretendard, fontWeight: 500, fontSize: {Typography.size.heading.2}, lineHeight: {Typography.line-height.heading.2}, letterSpacing: {Typography.letter-spacing.letter-spacing}
추가 Body 1/bold fontFamily: Pretendard, fontWeight: 700, fontSize: {Typography.size.body.1}, lineHeight: {Typography.line-height.body.1}, letterSpacing: {Typography.letter-spacing.letter-spacing}
추가 Body 1/semibold fontFamily: Pretendard, fontWeight: 600, fontSize: {Typography.size.body.1}, lineHeight: {Typography.line-height.body.1}, letterSpacing: {Typography.letter-spacing.letter-spacing}
추가 Body 1/medium fontFamily: Pretendard, fontWeight: 500, fontSize: {Typography.size.body.1}, lineHeight: {Typography.line-height.body.1}, letterSpacing: {Typography.letter-spacing.letter-spacing}
추가 Body 2/Semibold fontFamily: Pretendard, fontWeight: 600, fontSize: {Typography.size.body.2}, lineHeight: {Typography.line-height.body.2}, letterSpacing: {Typography.letter-spacing.letter-spacing}
추가 Body 2/medium fontFamily: Pretendard, fontWeight: 500, fontSize: {Typography.size.body.2}, lineHeight: {Typography.line-height.body.2}, letterSpacing: {Typography.letter-spacing.letter-spacing}
추가 Body 2/regular fontFamily: Pretendard, fontWeight: 400, fontSize: {Typography.size.body.2}, lineHeight: {Typography.line-height.body.2}, letterSpacing: {Typography.letter-spacing.letter-spacing}
추가 Caption 1/semibold fontFamily: Pretendard, fontWeight: 600, fontSize: {Typography.size.caption.1}, lineHeight: {Typography.line-height.caption.1}, letterSpacing: {Typography.letter-spacing.letter-spacing 2}
추가 Caption 1/regular fontFamily: Pretendard, fontWeight: 400, fontSize: {Typography.size.caption.1}, lineHeight: {Typography.line-height.caption.1}, letterSpacing: {Typography.letter-spacing.letter-spacing 2}

Effect Styles

상태 토큰 이전 이후
추가 Image card shadow color: #00000029, offsetX: 0, offsetY: 0, blur: 8, spread: 0, inset: false
추가 Tournament card shadow color: #0000001a, offsetX: 0, offsetY: 1, blur: 8, spread: 0, inset: false

@coderabbitai ignore

@vercel

vercel Bot commented Oct 20, 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 20, 2026 5:28am UTC
piki-notify Ready Ready Preview Oct 20, 2026 5:28am UTC

@github-actions github-actions Bot added the chore label Oct 20, 2026
@iOdiO89
iOdiO89 changed the base branch from dev to chore/figma-git-test October 20, 2026 11:48
@iOdiO89
iOdiO89 merged commit 941e6cf into chore/figma-git-test Oct 20, 2026
11 checks passed
@iOdiO89
iOdiO89 deleted the chore/figma-git-sync branch October 20, 2026 11:49

This branch was successfully deployed

2 active deployments
Preview – piki — 37853d09 Deployed Oct 20, 2026 by vercel[bot]
Preview – piki-notify — 37853d09 Deployed Oct 20, 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