๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
Tipโšก/AI·๋””์ž์ธโœ๏ธ

[Figma] ๊ฟ€ํŒ! Google Sheet Sync๋กœ ๋Œ€๋Ÿ‰ ์„ฌ๋„ค์ผ ์ œ์ž‘ํ•˜๊ธฐ

by ๊พธ์ง€๋Ÿฐ 2025. 5. 22.
๋ฐ˜์‘ํ˜•

 

๋””์ž์ด๋„ˆ์™€ ์ฝ˜ํ…์ธ  ํฌ๋ฆฌ์—์ดํ„ฐ ์—ฌ๋Ÿฌ๋ถ„, ๋ฐ˜๋ณต๋˜๋Š” ์„ฌ๋„ค์ผ ์ž‘์—…์— ์ง€์น˜์…จ๋‚˜์š”?

์˜ค๋Š˜์€ Google Sheet Sync ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ํ™œ์šฉํ•ด์„œ ๋Œ€๋Ÿ‰์˜ ์„ฌ๋„ค์ผ์„ ํ•œ ๋ฒˆ์— ์ž๋™์œผ๋กœ ์ƒ์„ฑํ•˜๋Š” ๊ฟ€ํŒ์„ ๊ณต์œ ํ•ด๋“œ๋ฆด๊ฒŒ์š”! ์ด ๋ฐฉ๋ฒ•๋งŒ ์•Œ๋ฉด 100๊ฐœ ์„ฌ๋„ค์ผ๋„ 10๋ถ„์ด๋ฉด ๋š๋”ฑ! โšก

 

๐Ÿ› ๏ธ ํ•„์š”ํ•œ ๋„๊ตฌ

  1. Figma (๋ฌด๋ฃŒ ๊ณ„์ •๋„ OK!)
  2. Google Sheets
  3. Google Sheet Sync ํ”Œ๋Ÿฌ๊ทธ์ธ (Figma Community์—์„œ ๋ฌด๋ฃŒ ์„ค์น˜)

 

๐Ÿ“‹ Step 1: Google Sheets ๋ฐ์ดํ„ฐ ์ค€๋น„

๊ตฌ๊ธ€ ์‹œํŠธ์— ์„ฌ๋„ค์ผ์— ๋“ค์–ด๊ฐˆ ์ •๋ณด๋ฅผ ์ •๋ฆฌํ•ด์ฃผ์„ธ์š”.

 

 

๐Ÿ’ก ๊ฟ€ํŒ: ์ด๋ฏธ์ง€ URL, ์ƒ‰์ƒ ์ฝ”๋“œ, ํฐํŠธ ์Šคํƒ€์ผ๊นŒ์ง€ ๋ชจ๋‘ ์‹œํŠธ์— ๋„ฃ์„ ์ˆ˜ ์žˆ์–ด์š”!

 

๐ŸŽจ Step 2: Figma ํ…œํ”Œ๋ฆฟ ์ œ์ž‘

๊ธฐ๋ณธ ํ…œํ”Œ๋ฆฟ ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“  ํ›„ ๋ฐ์ดํ„ฐ ๋ณ€๊ฒฝํ•  ๋ ˆ์ด์–ด๋ช… ์•ž์— [#]์ถ”๊ฐ€ ํ•˜๊ธฐ

 

โœ๏ธ Step 3: ํ…œํ”Œ๋ฆฟ ์ปดํฌ๋„ŒํŠธ ๋ณต์‚ฌํ•˜์—ฌ ๋ฐฐ์น˜

โšก Step 4: Google Sheet Sync ์—ฐ๊ฒฐ

ํ”Œ๋Ÿฌ๊ทธ์ธ ์„ค์น˜ ๋ฐ ์„ค์ •

  1. Figma Community์—์„œ "Google Sheet Sync" ๊ฒ€์ƒ‰
  2. ํ”Œ๋Ÿฌ๊ทธ์ธ ์„ค์น˜ ํ›„ ์‹คํ–‰
  3. ๊ตฌ๊ธ€ ๊ณ„์ • ์—ฐ๋™ (๊ถŒํ•œ ํ—ˆ์šฉ)
  4. ์ค€๋น„ํ•œ ๊ตฌ๊ธ€ ์‹œํŠธ URL ์ž…๋ ฅ

 

๐Ÿš€ Step 4: ์ž๋™ ์ƒ์„ฑ ์‹คํ–‰

  1. "fetch" ๋ฒ„ํŠผ ํด๋ฆญ
  2. "Sync" ํด๋ฆญํ•˜๊ณ  ์ž ๊น ๊ธฐ๋‹ค๋ฆฌ๊ธฐ โ˜•

์งœ์ž”! ๊ตฌ๊ธ€ ์‹œํŠธ์˜ ๋ฐ์ดํ„ฐ ๊ฐœ์ˆ˜๋งŒํผ ์„ฌ๋„ค์ผ์ด ์ž๋™์œผ๋กœ ์ƒ์„ฑ๋ผ์š”! ๐ŸŽ‰

 

 

๐Ÿ’Ž ๊ณ ๊ธ‰ ํ™œ์šฉ ํŒ

๐Ÿ–ผ๏ธ ์ด๋ฏธ์ง€ ์ž๋™ ์‚ฝ์ž…

  • Unsplash URL ํ™œ์šฉ
  • ๊ตฌ๊ธ€ ๋“œ๋ผ์ด๋ธŒ ์ด๋ฏธ์ง€ ๋งํฌ ์—ฐ๊ฒฐ
  • ๋กœ์ปฌ ์ด๋ฏธ์ง€๋„ ์ผ๊ด„ ์—…๋กœ๋“œ ๊ฐ€๋Šฅ

๐Ÿ“Š ๋ฐ์ดํ„ฐ ๊ฒ€์ฆ

  • ์‹œํŠธ์—์„œ ๋ฐ์ดํ„ฐ ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ ํ™œ์šฉ
  • ์ƒ‰์ƒ ์ฝ”๋“œ ํ˜•์‹ ์ฒดํฌ
  • ํ•„์ˆ˜ ํ•ญ๋ชฉ ๋นˆ ๊ฐ’ ๋ฐฉ์ง€

 

โš ๏ธ ์ฃผ์˜์‚ฌํ•ญ & ๋ฌธ์ œํ•ด๊ฒฐ

์ž์ฃผ ๋ฐœ์ƒํ•˜๋Š” ์˜ค๋ฅ˜

  1. ๋ณ€์ˆ˜๋ช… ์˜คํƒ€: {{์ œ๋ชฉ}}๊ณผ ์‹œํŠธ ์ปฌ๋Ÿผ๋ช…์ด ์ •ํ™•ํžˆ ์ผ์น˜ํ•ด์•ผ ํ•จ
  2. ๊ถŒํ•œ ๋ฌธ์ œ: ๊ตฌ๊ธ€ ์‹œํŠธ๊ฐ€ '๋งํฌ๊ฐ€ ์žˆ๋Š” ๋ชจ๋“  ์‚ฌ์šฉ์ž' ๊ถŒํ•œ์œผ๋กœ ์„ค์ •
  3. ์ด๋ฏธ์ง€ ๋กœ๋”ฉ: ์ด๋ฏธ์ง€ URL์ด ์œ ํšจํ•˜๊ณ  ์ ‘๊ทผ ๊ฐ€๋Šฅํ•œ์ง€ ํ™•์ธ

๐Ÿ’ก ํŠธ๋Ÿฌ๋ธ”์ŠˆํŒ… ํŒ

  • ์†Œ๋Ÿ‰ ํ…Œ์ŠคํŠธ ํ›„ ๋Œ€๋Ÿ‰ ์ƒ์„ฑ
  • ํ…œํ”Œ๋ฆฟ ๋ฐฑ์—… ํ•„์ˆ˜
  • ํฐํŠธ ๋ˆ„๋ฝ ์‹œ ๋Œ€์ฒด ํฐํŠธ ์„ค์ •

 

๐ŸŽ ๋ณด๋„ˆ์Šค ํŒ

๋‹ค์–‘ํ•œ ํ…œํ”Œ๋ฆฟ ํ™œ์šฉ

  • ์ธ์Šคํƒ€๊ทธ๋žจ ํฌ์ŠคํŠธ: 1080x1080
  • ํŽ˜์ด์Šค๋ถ ์ปค๋ฒ„: 1200x630
  • ๋ธ”๋กœ๊ทธ ์ธ๋„ค์ผ: 800x450
  • ์ƒํ’ˆ ์นด๋“œ: 400x600

ํŒ€ ํ˜‘์—… ๊ฟ€ํŒ

  • ๊ตฌ๊ธ€ ์‹œํŠธ๋Š” ํŒ€์›๋“ค๊ณผ ์‹ค์‹œ๊ฐ„ ๊ณต์œ 
  • Figma ์ปดํฌ๋„ŒํŠธ๋กœ ์ผ๊ด€๋œ ๋””์ž์ธ ์œ ์ง€
  • ๋ฒ„์ „ ๊ด€๋ฆฌ๋กœ ์ด์ „ ๋””์ž์ธ ์ถ”์  ๊ฐ€๋Šฅ

 

๐ŸŒŸ ๋งˆ๋ฌด๋ฆฌ

Google Sheet Sync ํ”Œ๋Ÿฌ๊ทธ์ธ์€ ์ •๋ง ๋ฐ˜๋ณต ์ž‘์—…์˜ ํ˜์‹ ์ด์—์š”!

์ฒ˜์Œ ์„ธํŒ…ํ•  ๋•Œ๋Š” ์กฐ๊ธˆ ๋ณต์žกํ•  ์ˆ˜ ์žˆ์ง€๋งŒ, ํ•œ ๋ฒˆ ์ต์ˆ™ํ•ด์ง€๋ฉด ์ƒ์‚ฐ์„ฑ์ด 10๋ฐฐ ํ–ฅ์ƒ๋  ๊ฑฐ์˜ˆ์š”. ํŠนํžˆ ๋Œ€๋Ÿ‰์˜ ๋น„์Šทํ•œ ๋””์ž์ธ์„ ์ œ์ž‘ํ•ด์•ผ ํ•˜๋Š” ๋ถ„๋“ค๊ป˜๋Š” ์ •๋ง ๊ฒŒ์ž„ ์ฒด์ธ์ €๊ฐ€ ๋  ๊ฒƒ ๊ฐ™์•„์š”! ๐Ÿš€

์˜ค๋Š˜๋ถ€ํ„ฐ ๋ฐ˜๋ณต ์ž‘์—…์€ ๊ทธ๋งŒ, ์ฐฝ์˜์ ์ธ ์ผ์— ๋” ์ง‘์ค‘ํ•ด๋ณด์„ธ์š”! โœจ

 

 

 

[Figma] ํ”ผ๊ทธ๋งˆ์—์„œ ์œˆ๋„์šฐ ์„ค์น˜ ํฐํŠธ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ• (๋ธŒ๋ผ์šฐ์ € ๋ฒ„์ „ ์™„๋ฒฝ ํ™œ์šฉ!)

ํ”ผ๊ทธ๋งˆ(Figma)๋Š” ์›น ๊ธฐ๋ฐ˜ ๋””์ž์ธ ํˆด์ด๋ผ ํŽธ๋ฆฌํ•˜์ง€๋งŒ, ๊ฐ€๋” ์œˆ๋„์šฐ์— ์„ค์น˜๋œ ๋‚ด ๋กœ์ปฌ ํฐํŠธ(๊ธ€๊ผด)๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์‹ถ์„ ๋•Œ๊ฐ€ ์žˆ์ฃ ? ํŠนํžˆ ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ํ”ผ๊ทธ๋งˆ๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ ์ด ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜๋Š”๋ฐ์š”. "

cuxxmi.tistory.com

 

๋ฐ˜์‘ํ˜•