๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
IT

Figma: ํ˜‘์—…๊ณผ ๋””์ž์ธ์˜ ์ƒˆ๋กœ์šด ํŒจ๋Ÿฌ๋‹ค์ž„

by ๐Ÿ’ฒ๐ŸŽตโœ–๏ธโœ”๏ธโ˜ผ 2024. 3. 25.
728x90

Figma๋ž€?

Figma๋Š” ํด๋ผ์šฐ๋“œ ๊ธฐ๋ฐ˜์˜ ํ˜‘์—… ๋””์ž์ธ ๋„๊ตฌ๋กœ, ๋‹ค์ˆ˜์˜ ์‚ฌ์šฉ์ž๊ฐ€ ์‹ค์‹œ๊ฐ„์œผ๋กœ ๋””์ž์ธ์„ ๊ณต์œ ํ•˜๊ณ  ํŽธ์ง‘ํ•  ์ˆ˜ ์žˆ๋Š” ํ™˜๊ฒฝ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ์‹คํ–‰๋˜๋ฉฐ ํŠน๋ณ„ํ•œ ์„ค์น˜ ์—†์ด๋„ ์–ด๋””์„œ๋“  ์ ‘๊ทผ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

Figma์˜ ์—ญํ• 

Figma๋Š” ์ฃผ๋กœ ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค:

  • ๋””์ž์ธ ์ž‘์—…: UI/UX ๋””์ž์ธ, ์•„์ด์ฝ˜, ๊ทธ๋ž˜ํ”ฝ ๋“ฑ์„ ์ƒ์„ฑํ•˜๊ณ  ์ˆ˜์ •ํ•ฉ๋‹ˆ๋‹ค.
  • ํ”„๋กœํ† ํƒ€์ดํ•‘: ๋น ๋ฅด๊ฒŒ ๋””์ž์ธ ์•„์ด๋””์–ด๋ฅผ ํ”„๋กœํ† ํƒ€์ž…์œผ๋กœ ๊ตฌํ˜„ํ•˜๊ณ  ํ…Œ์ŠคํŠธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ํ˜‘์—…: ์—ฌ๋Ÿฌ ์‚ฌ์šฉ์ž๊ฐ€ ๋™์‹œ์— ์ž‘์—…ํ•˜๊ณ  ํ”ผ๋“œ๋ฐฑ์„ ์ฃผ๊ณ ๋ฐ›์Šต๋‹ˆ๋‹ค.
  • ๋ฒ„์ „ ๊ด€๋ฆฌ: ๋””์ž์ธ ํŒŒ์ผ์˜ ๋ณ€๊ฒฝ ์ด๋ ฅ์„ ๊ด€๋ฆฌํ•˜๊ณ , ์ด์ „ ๋ฒ„์ „์œผ๋กœ ๋กค๋ฐฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Figma์˜ ์‚ฌ์šฉ ์‚ฌ๋ก€

  1. UI/UX ๋””์ž์ธ: ๋ชจ๋ฐ”์ผ ์•ฑ, ์›น ์•ฑ, ์›น์‚ฌ์ดํŠธ ๋“ฑ์˜ UI/UX ๋””์ž์ธ์„ ์ž‘์„ฑํ•ฉ๋‹ˆ๋‹ค.
  2. ํ”„๋กœํ† ํƒ€์ดํ•‘: ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ์‹œ๋ฎฌ๋ ˆ์ด์…˜ํ•˜๊ธฐ ์œ„ํ•œ ํ”„๋กœํ† ํƒ€์ž…์„ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค.
  3. ํ˜‘์—…: ๋””์ž์ด๋„ˆ, ๊ฐœ๋ฐœ์ž, ๊ณ ๊ฐ ๋“ฑ ๋‹ค์–‘ํ•œ ์ดํ•ด๊ด€๊ณ„์ž๋“ค์ด ํ˜‘์—…ํ•˜์—ฌ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•ฉ๋‹ˆ๋‹ค.
  4. ๋””์ž์ธ ์‹œ์Šคํ…œ ๊ตฌ์ถ•: ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์ปดํฌ๋„ŒํŠธ์™€ ์Šคํƒ€์ผ์„ ๊ด€๋ฆฌํ•˜์—ฌ ์ผ๊ด€๋œ ๋””์ž์ธ ์‹œ์Šคํ…œ์„ ์œ ์ง€ํ•ฉ๋‹ˆ๋‹ค.
  5. ์›น ์‚ฌ์ดํŠธ ๋””์ž์ธ: ์›น ํŽ˜์ด์ง€์˜ ๋ ˆ์ด์•„์›ƒ ๋ฐ ๋””์ž์ธ์„ ๊ตฌ์„ฑํ•˜๊ณ  ํ”„๋กœํ† ํƒ€์ž…์œผ๋กœ ์ œ์ž‘ํ•ฉ๋‹ˆ๋‹ค.

Figma์˜ ์žฅ๋‹จ์ 

์žฅ์ :

  • ์‹ค์‹œ๊ฐ„ ํ˜‘์—…: ์—ฌ๋Ÿฌ ์‚ฌ์šฉ์ž๊ฐ€ ๋™์‹œ์— ์ž‘์—…ํ•˜๊ณ  ํ”ผ๋“œ๋ฐฑ์„ ์ฃผ๊ณ ๋ฐ›์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์›น ๊ธฐ๋ฐ˜ ์‚ฌ์šฉ: ์–ด๋””์„œ๋“  ์ ‘๊ทผ ๊ฐ€๋Šฅํ•˜๋ฉฐ, ํŠน์ • ํ”Œ๋žซํผ์— ์ข…์†๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
  • ํ”„๋กœํ† ํƒ€์ดํ•‘: ๋น ๋ฅด๊ณ  ์‰ฌ์šด ํ”„๋กœํ† ํƒ€์ดํ•‘ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.
  • ๋””์ž์ธ ์‹œ์Šคํ…œ: ์ผ๊ด€๋œ ๋””์ž์ธ ์‹œ์Šคํ…œ์„ ๊ตฌ์ถ•ํ•˜๊ณ  ์œ ์ง€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ํด๋ผ์šฐ๋“œ ์ €์žฅ: ํŒŒ์ผ์„ ํด๋ผ์šฐ๋“œ์— ์ €์žฅํ•˜์—ฌ ์–ธ์ œ ์–ด๋””์„œ๋“  ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋‹จ์ :

  • ๊ฐ€๊ฒฉ: ๋‹ค๋ฅธ ๋””์ž์ธ ํˆด์— ๋น„ํ•ด ๋†’์€ ๊ฐ€๊ฒฉ์„ ๊ฐ€์งˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์ธํ„ฐ๋„ท ์—ฐ๊ฒฐ ํ•„์š”: ์˜คํ”„๋ผ์ธ์—์„œ๋Š” ์‚ฌ์šฉํ•  ์ˆ˜ ์—†์œผ๋ฉฐ, ์ธํ„ฐ๋„ท ์—ฐ๊ฒฐ์— ์˜์กดํ•ฉ๋‹ˆ๋‹ค.
  • ์„ฑ๋Šฅ ๋ฌธ์ œ: ๋ณต์žกํ•œ ํ”„๋กœ์ ํŠธ์˜ ๊ฒฝ์šฐ ์„ฑ๋Šฅ์ด ์ €ํ•˜๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Figma์™€ ๋‹ค๋ฅธ ๋””์ž์ธ ํˆด๊ณผ์˜ ์ฐจ์ด์ 

Figma๋Š” ๊ธฐ์กด์˜ ๋””์ž์ธ ํˆด๊ณผ ๋น„๊ตํ•˜์—ฌ ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์ฐจ์ด๋ฅผ ๊ฐ€์ง‘๋‹ˆ๋‹ค:

  • ์‹ค์‹œ๊ฐ„ ํ˜‘์—…: ์‹ค์‹œ๊ฐ„ ํ˜‘์—… ๊ธฐ๋Šฅ์„ ํ†ตํ•ด ํŒ€์› ๊ฐ„์˜ ์†Œํ†ต๊ณผ ํ˜‘์—…์„ ๊ฐ•ํ™”ํ•ฉ๋‹ˆ๋‹ค.
  • ์›น ๊ธฐ๋ฐ˜ ์‚ฌ์šฉ: ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ์‹คํ–‰๋˜๋ฏ€๋กœ ํŠน์ • ์šด์˜ ์ฒด์ œ์— ์ข…์†๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
  • ํ”„๋กœํ† ํƒ€์ดํ•‘: ๋น ๋ฅด๊ณ  ๊ฐ„ํŽธํ•œ ํ”„๋กœํ† ํƒ€์ดํ•‘ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜์—ฌ ๋””์ž์ธ ์•„์ด๋””์–ด๋ฅผ ์‹ ์†ํ•˜๊ฒŒ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

 

Figma๋Š” ํ˜„๋Œ€์ ์ธ ๋””์ž์ธ ํŒ€์ด ํ”„๋กœ์ ํŠธ๋ฅผ ๊ด€๋ฆฌํ•˜๊ณ  ํ˜‘์—…ํ•˜๋Š” ๋ฐ ํ•„์ˆ˜์ ์ž…๋‹ˆ๋‹ค. ์‹ค์‹œ๊ฐ„ ํ˜‘์—…๊ณผ ํด๋ผ์šฐ๋“œ ๊ธฐ๋ฐ˜์˜ ์ €์žฅ ๊ธฐ์ˆ ์„ ํ™œ์šฉํ•˜์—ฌ ํŒ€์˜ ์ƒ์‚ฐ์„ฑ์„ ํ–ฅ์ƒ์‹œํ‚ค๊ณ  ์ผ๊ด€๋œ ๋””์ž์ธ ์‹œ์Šคํ…œ์„ ๊ตฌ์ถ•ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ Figma๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋””์ž์ด๋„ˆ๋“ค์€ ์›น ๊ธฐ๋ฐ˜ ๊ธฐ์ˆ ์— ๋Œ€ํ•œ ์ดํ•ด๋„๋ฅผ ๋†’์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ ‡๊ฒŒ ์˜ค๋Š˜์€ Figma ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์•˜์Šต๋‹ˆ๋‹ค.


๋Œ“๊ธ€