์šฐ์•„ํ•œ UI ๋””์ž์ธ์„ ์œ„ํ•œ ์ƒ์œ„ 6๊ฐ€์ง€ ๋ฌด๋ฃŒ Figma ๋Œ€์•ˆ

figma_free_alternatives_banner

Adobe๊ฐ€ ๋ฌด๋ ค $200์–ต์— Figma๋ฅผ ์ธ์ˆ˜ํ–ˆ๋‹ค๋Š” ์†Œ์‹์„ ๋“ค์–ด๋ณด์…จ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ด๋กœ ์ธํ•ด Adobe๊ฐ€ Figma๋ฅผ ์–ด๋–ป๊ฒŒ ์ฒ˜๋ฆฌํ• ์ง€์— ๋Œ€ํ•œ ์˜๋ฌธ์ด ์ž๋™์œผ๋กœ ์ œ๊ธฐ๋ฉ๋‹ˆ๋‹ค. ๋ฌด๋ฃŒ ์š”๊ธˆ์ œ๋ฅผ ๊ณ„์† ์ œ๊ณตํ•  ์˜ˆ์ •์ธ๊ฐ€์š”? ์•„๋‹ˆ๋ฉด ์ทจ์†Œํ•  ์˜ˆ์ •์ธ๊ฐ€์š”? ์—ฌ์ „ํžˆ ๋ฌด๋ฃŒ ํ”Œ๋žœ์ด ์ค€๋น„๋˜์–ด ์žˆ์ง€๋งŒ Adobe๋Š” ์–ธ์ œ๋“ ์ง€ Figma์˜ ๋ฌด๋ฃŒ ํ”Œ๋žœ์„ ์ทจ์†Œํ•˜๊ธฐ๋กœ ๊ฒฐ์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๊ทธ๋Ÿฌ๋ฏ€๋กœ ๋‹น์‹ ์ด ๋˜‘๋˜‘ํ•˜๊ณ  ์ ๊ทน์ ์ด๋ผ๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์‚ฌํ•ญ์— ๋Œ€ํ•ด ์ƒ๊ฐํ•˜๊ณ  ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๋ฌด๋ฃŒ Figma ๋Œ€์•ˆ ๋ฏธ๋ฆฌ. ๊ทธ๋ฆฌ๊ณ  ๋‹น์‹ ์˜ ์‚ฌ๋ƒฅ์„ ์‰ฝ๊ณ  ์›ํ™œํ•˜๊ฒŒ ํ•˜๊ธฐ ์œ„ํ•ด, ๋‚˜๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๊ฒƒ๋“ค์„ ๋ชจ์•˜์Šต๋‹ˆ๋‹ค. ์ตœ๊ณ ์˜ 6๊ฐ€์ง€ ๋ฌด๋ฃŒ Figma ๋Œ€์•ˆ. ๋‹น์—ฐํžˆ ์ด๋Ÿฌํ•œ ๋„๊ตฌ์˜ ๋Œ€๋ถ€๋ถ„์—๋Š” ๋ฌด๋ฃŒ ๊ณ„ํš๊ณผ ํ•จ๊ป˜ ์œ ๋ฃŒ ๊ณ„ํš์ด ์žˆ์Šต๋‹ˆ๋‹ค.

Figma ๋ฌด๋ฃŒ ๋Œ€์•ˆ์ด๋‚˜ ๋ฌด๋ฃŒ Figma ๋™๋“ฑํ•œ ๋„๊ตฌ์— ๋Œ€ํ•ด ์ž์„ธํžˆ ์•Œ์•„๋ณด๊ธฐ ์ „์— Figma์— ๋Œ€ํ•œ ๊ฐœ์š”๋ฅผ ์„ค๋ช…ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ํ™•์‹คํžˆ, UI/UX ๋””์ž์ด๋„ˆ๋“ค์€ ์ด๋ฏธ Figma์— ์ •ํ†ตํ•ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์ดˆ๋ณด์ž์—๊ฒŒ๋Š” Figma์— ๋Œ€ํ•œ ๊ฐœ์š”๊ฐ€ ๋งค์šฐ ์œ ์šฉํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ทธ๋ ‡์ง€ ์•Š๋‚˜์š”?

Figma๋Š” ๋ฌด์—‡์ž…๋‹ˆ๊นŒ:

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

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

Figma์˜ ๊ฐ€์žฅ ํฐ ํŠน์ง•์€ 3๊ฐœ์˜ ํ™œ์„ฑ ํ”„๋กœ์ ํŠธ๋ฅผ ๋™์‹œ์— ์ƒ์„ฑํ•˜๊ณ  ์ €์žฅํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ •๋ง ๋ฉ‹์ง€์ฃ ? ์†Œ๊ทœ๋ชจ ํ”„๋กœ์ ํŠธ๋ฅผ ํ†ตํ•ด ๋ฐฐ์šฐ๊ณ  ์‹คํ—˜ํ•  ์ˆ˜ ์žˆ๋Š” ์—„์ฒญ๋‚œ ๊ธฐํšŒ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

Figma ๋Œ€์•ˆ์ด ํ•„์š”ํ•œ ์ด์œ :

์ผ์ง€๋ผ๋„ Figma์—๋Š” ์œ ์šฉํ•œ ๊ธฐ๋Šฅ๊ณผ ์ด์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค., ์ž์ฒด์ ์ธ ๋‹จ์ ๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๊ฒƒ์ด ๋ฌด์—‡์ธ์ง€ ๊ถ๊ธˆํ•˜์‹œ์ฃ ? ๊ธ€์Ž„์š”, ์ด๊ฒƒ์ด ๋ฐ”๋กœ ์ œ๊ฐ€ ์ด ์„น์…˜์—์„œ ๋‹ค๋ฃฐ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค. Figma์˜ ์ด๋Ÿฌํ•œ ๋‹จ์ ์œผ๋กœ ์ธํ•ด Figma ๋Œ€์•ˆ์„ ์ฐพ์•„์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๊ทธ ์™ธ์—๋„ ์ตœ๊ทผ Adobe๊ฐ€ Figma๋ฅผ ์ธ์ˆ˜ํ•˜๋ฉด์„œ ์‚ฌ์šฉ์ž๋“ค ์‚ฌ์ด์—์„œ๋„ ์šฐ๋ ค๊ฐ€ ์ œ๊ธฐ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์ธ์ˆ˜ ๋•Œ๋ฌธ์ด ์•„๋‹ˆ๋ผ ๋ฌด๋ฃŒ ๊ณ„ํš์˜ ๊ฐ€์šฉ์„ฑ๊ณผ ํ•จ๊ป˜ ์ปค๋ฎค๋‹ˆํ‹ฐ์—์„œ ์„ ๋ณ„ํ•œ ๋ฆฌ์†Œ์Šค์— ๋Œ€ํ•œ ์•ก์„ธ์Šค๋ฅผ ์žƒ์„ ๊ฒƒ์ด๋ผ๋Š” ๋‘๋ ค์›€ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.

UI๋ฅผ ๋””์ž์ธํ•˜๊ณ  ์‹ถ์€์ง€ ์—ฌ๋ถ€์— ๊ด€๊ณ„์—†์ด ์›Œ๋“œํ”„๋ ˆ์Šค ์›น์‚ฌ์ดํŠธ ๋˜๋Š” ์–ด๋–ค ์•ฑ์„ ์‚ฌ์šฉํ•˜๋“  Figma์˜ ๋‹จ์ ์ด ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. Figma ๋Œ€์•ˆ์ด ํ•„์š”ํ•œ ์ด์œ ๋ฅผ ๊ฐ„๋‹จํžˆ ์‚ดํŽด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

  • ์‚ฌ์šฉํ•˜๊ธฐ ์–ด๋ ค์šด ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ
  • ์‹คํ–‰ํ•˜๋ ค๋ฉด ๊ณ ๊ธ‰ ์‹œ์Šคํ…œ์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.
  • ํ™•๋Œ€/์ถ•์†Œ ๊ธฐ๋Šฅ์ด ๋งŒ์กฑ์Šค๋Ÿฝ์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
  • ๋””์ž์ด๋„ˆ ์˜จ๋ณด๋”ฉ์€ ํฐ ๋„์ „์ž…๋‹ˆ๋‹ค
  • ํ”„๋ฆฌ๋ฏธ์—„ ํ”Œ๋žœ์€ ์˜ˆ์‚ฐ ์นœํ™”์ ์ด์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์„ ํƒํ•  ์ˆ˜ ์žˆ๋Š” ์ƒ์œ„ 6๊ฐœ ๋ฌด๋ฃŒ Figma ๋Œ€์•ˆ:

์ด์ œ ํ•  ์‹œ๊ฐ„์ด๋‹ค ๋ฌด๋ฃŒ ๋ฐ ์˜คํ”ˆ ์†Œ์Šค Figma ๋Œ€์•ˆ ์ƒ์œ„ 6๊ฐœ๋ฅผ ์†Œ๊ฐœ๋ฐ›์œผ์„ธ์š”.. ๋‚˜๋Š” ์˜คํ”ˆ ์†Œ์Šค Figma ๋Œ€์•ˆ์— ๋Œ€ํ•œ ์‹ฌ์ธต์ ์ธ ์—ฐ๊ตฌ๋ฅผ ์ˆ˜ํ–‰ํ–ˆ์Šต๋‹ˆ๋‹ค. UI์˜ ์ตœ๊ณ  ๊ทธ๋ฆฌ๊ณ  UX ๋””์ž์ธ ๋„๊ตฌ. ์ด๋Ÿฌํ•œ Figma์™€ ๊ฐ™์€ ๋„๊ตฌ๋Š” ๊ธฐ๋Šฅ์ด ํ’๋ถ€ํ•˜๊ณ  ์‚ฌ์šฉ์ž ์นœํ™”์ ์ด๋ฉฐ UI ๋ฐ UX ๋””์ž์ธ์— ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค. ํ™•์ธํ•ด ๋ณผ๊นŒ์š”-

์ธ๋น„์ „:

์ธ๋น„์ „์€ ํ”„๋กœํ† ํƒ€์ดํ•‘ ๋„๊ตฌ ๊ทธ๋ฆฌ๊ณ  Figma์— ๋Œ€ํ•œ ํฌ๋ž˜ํ‚น ๋Œ€์•ˆ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Š” ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค/๊ฒฝํ—˜์˜ ๋””์ž์ธ๊ณผ ๊ฐœ๋ฐœ ๋ชจ๋‘์— ํ™œ์šฉ๋ฉ๋‹ˆ๋‹ค. InVision์€ ํšŒ์›์ œ ํ”Œ๋žซํผ์ด์ง€๋งŒ ์ข‹์€ ์ ์€ ํšŒ์›๊ณผ ๋น„ํšŒ์› ๋ชจ๋‘๊ฐ€ ํ”„๋กœ์ ํŠธ์— ๋Œ€ํ•ด ํ˜‘์—…ํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

InVision- ๋ฌด๋ฃŒ Figma ๋Œ€์•ˆ

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

๋””์ž์ด๋„ˆ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๊ฐœ๋ฐœ์ž๋„ ์ž์‹ ์˜ ์„ธ๋ถ€ ์‚ฌํ•ญ์„ ๋งค์šฐ ํŽธ์•ˆํ•˜๊ฒŒ ์ „๋‹ฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. Figma์— ๋น„ํ•ด ์—…๊ทธ๋ ˆ์ด๋“œ ๊ฐ€๊ฒฉ์€ ํ›จ์”ฌ ๋” ๊ฒฝ์Ÿ๋ ฅ ์žˆ๊ณ  ์œ ์—ฐํ•ฉ๋‹ˆ๋‹ค. ๋ฌด๋ฃŒ ํ”Œ๋žœ์—์„œ๋Š” 10๋ช…์˜ ํ™œ์„ฑ ์‚ฌ์šฉ์ž๊ฐ€ 3๊ฐœ์˜ ๋ฌธ์„œ๋ฅผ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. InVision์˜ ํ”„๋ฆฌ๋ฏธ์—„ ํ”Œ๋žœ์€ ๋” ๋งŽ์€ ๊ธฐ๋Šฅ๊ณผ ํ˜œํƒ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

ํ•ต์‹ฌ ํ•˜์ด๋ผ์ดํŠธ:

  • ์ˆ˜๋งŽ์€ ์‚ฌ์šฉ์ž ์ •์˜ ์˜ต์…˜์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค
  • ๊ฐ„๋‹จํ•˜๊ณ  ์ง๊ด€์ 
  • ๋ฌด๋ฃŒ ํ”Œ๋žœ์—์„œ๋Š” 10๋ช…์˜ ํ™œ์„ฑ ์‚ฌ์šฉ์ž์™€ 3๊ฐœ์˜ ๋ฌธ์„œ ์ƒ์„ฑ์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.ย 
  • ๋””์ž์ด๋„ˆ๋ฅผ ์œ„ํ•œ ๊ฐ„ํŽธํ•œ ํ”„๋กœ์ ํŠธ ๊ด€๋ฆฌ
  • ๋””์ž์ธ ํ˜‘์—… ๋ฐ ์กฐ์ง
  • ๋””์ž์ธ ์ฝ”๋ฉ˜ํŠธ ๋ฐ ํ”ผ๋“œ๋ฐฑ

์žฅ์ :

  • ์ตœ์ ํ™”๋œ ์˜จ๋ณด๋”ฉ ํ”„๋กœ์„ธ์Šค
  • ๋””์ž์ธ์— ๋Œ€ํ•œ ํ†ต์ œ๋ ฅ์ด ๋›ฐ์–ด๋‚จ
  • Slack, Sketch, Microsoft Teams, Adobe ๋“ฑ๊ณผ ๊ฐ™์€ ์—ฌ๋Ÿฌ ํ”Œ๋žซํผ๊ณผ ํ†ตํ•ฉ๋ฉ๋‹ˆ๋‹ค.
  • ํ”„๋ฆฌ๋žœ์„œ๋ถ€ํ„ฐ ๊ธ€๋กœ๋ฒŒ ๊ธฐ์—…๊นŒ์ง€ ๋ชจ๋‘๋ฅผ ์œ„ํ•ด ์„ค๊ณ„๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
  • ๋ฒ„์ „ ๊ธฐ๋ก ์‚ฌ์šฉ ๊ฐ€๋Šฅ

๋‹จ์ :

  • ๋Œ€๊ทœ๋ชจ ํŒ€์—๋Š” ๊ฐ€๊ฒฉ์ด ๋น„์Œˆ
  • ๋•Œ๋•Œ๋กœ ํ†ตํ•ฉ์ด ๋ถˆ์•ˆ์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Quant-UX:

Quant-UX์—๋Š” ๊ฒฌ๊ณ ํ•œ ๋””์ž์ธ ์ธํ„ฐํŽ˜์ด์Šค Figma๋ฅผ ๋Œ€์ฒดํ•˜๊ธฐ ์œ„ํ•ด ์ž˜ ๊ฒฝ์Ÿํ•ฉ๋‹ˆ๋‹ค. ์ด ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์€ ๊ฐœ๋ฐœ์ž์—๊ฒŒ ํ•ธ๋“œ์˜คํ”„ ํ”„๋กœ์„ธ์Šค๋ฅผ ์ตœ๋Œ€ํ•œ ์‰ฝ๊ณ  ํŽธ๋ฆฌํ•˜๊ฒŒ ๋งŒ๋“œ๋Š” ๋ฐ ์ค‘์ ์„ ๋‘๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. Quant-UX์—๋Š” ๋›ฐ์–ด๋‚œ ๊ธฐ๋Šฅ์ด ํฌํ•จ๋˜์–ด ์žˆ์œผ๋ฉฐ ๋””์ž์ธ ๋กœ์ง๊ณผ ๋น„์ฆˆ๋‹ˆ์Šค ๋กœ์ง์„ ๋ถ„๋ฆฌํ•˜๋Š” ๊ธฐ๋Šฅ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

Quant-UX- ๋ฌด๋ฃŒ Figma ๋Œ€์•ˆ

์ด๋Š” ์ฆ‰์‹œ ์ฝ”๋“œ๋ฅผ ์ƒ์„ฑํ•˜๋Š” QUX ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ํ™œ์šฉํ•˜์—ฌ ์‹คํ–‰๋ฉ๋‹ˆ๋‹ค. ์ด ํ”„๋กœํ† ํƒ€์ž… ๋””์ž์ธ ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋งž์ถคํ˜• ํ”„๋กœํ† ํƒ€์ž…์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. Android ํœด๋Œ€ํฐ, iPhone ๋˜๋Š” ๋ฐ์Šคํฌํ†ฑ์— ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ํ™”๋ฉด ํฌ๊ธฐ๋ฅผ ์„ ํƒํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

Quant-UX์˜ ๋ˆˆ์— ๋„๋Š” ์ธก๋ฉด ์ค‘ ํ•˜๋‚˜๋Š” ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ์ด ์ง€์†์ ์œผ๋กœ ์ถ”๊ฐ€๋œ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์€ ๋””์ž์ธ์„ ๊ฐ€์ ธ์˜ค๊ฑฐ๋‚˜ ๊ฐ„๋‹จํ•œ ๋ชจํ˜•์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋„๋ก ํ•˜์—ฌ ํ…Œ์ŠคํŠธ์— ์ค‘์ ์„ ๋‘ก๋‹ˆ๋‹ค. ๊ฒŒ๋‹ค๊ฐ€ ์ด ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๊ฐ€์ž…ํ•˜์ง€ ์•Š๊ณ ๋„ ํŠน์ • ํ•ญ๋ชฉ์— ์•ก์„ธ์Šคํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๋ชจ๋“  ๊ธฐ๋Šฅ์„ ์ด์šฉํ•˜๋ ค๋ฉด ๊ณ„์ •์— ๊ฐ€์ž…ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

ํ•ต์‹ฌ ํ•˜์ด๋ผ์ดํŠธ:

  • ํ”„๋กœํ† ํƒ€์ดํ•‘ ๋ฐ ํ…Œ์ŠคํŠธ๋ฅผ ์œ„ํ•œ ํ›Œ๋ฅญํ•œ ๋„๊ตฌ
  • ํšŒ์›๊ฐ€์ž… ์—†์ด ์ œํ•œ๋œ ์•ก์„ธ์Šค ์ œ๊ณต
  • ์ƒˆ๋กœ์šด ๋ฒ ํƒ€ ๊ธฐ๋Šฅ์ด ์ง€์†์ ์œผ๋กœ ์ถ”๊ฐ€๋ฉ๋‹ˆ๋‹ค.
  • ์ž์ฒด ํ˜ธ์ŠคํŠธ ์˜ต์…˜ ์‚ฌ์šฉ ๊ฐ€๋Šฅ

์žฅ์ 

  • ์‹œ๊ฐ์  ๋””์ž์ธ์„ ์œ„ํ•œ ๊ฐ•๋ ฅํ•œ ๋„๊ตฌ
  • HTML, CSS ๋“ฑ์˜ ์ฝ”๋“œ ์ƒ์„ฑ์ด ์ฆ‰์‹œ ์ด๋ฃจ์–ด์ง‘๋‹ˆ๋‹ค.
  • UI์™€ ๋น„์ฆˆ๋‹ˆ์Šค ๋กœ์ง์ด ๋ณ„๋„๋กœ ํ‘œ์‹œ๋˜์–ด ๋””์ž์ด๋„ˆ์™€ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋„๊ตฌ๋ฅผ ๋” ์ž์œ ๋กญ๊ฒŒ ์„ ํƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ํ’๋ถ€ํ•œ ์ž์‚ฐ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๊ฐ–์ถ˜ ๊ตฌ์„ฑ ์š”์†Œ ์Šคํƒ€์ผ๋ง ์ œ๊ณต
  • ๊ฐ€์žฅ ์ค‘์š”ํ•œ ๊ฒƒ์€ 100% ์˜คํ”ˆ ์†Œ์Šค์ž…๋‹ˆ๋‹ค.

๋‹จ์ 

  • ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์œผ๋กœ๋งŒ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•˜๋ฉฐ ๋‹ค์šด๋กœ๋“œ ์˜ต์…˜์€ ์—†์Šต๋‹ˆ๋‹ค.
  • ์ž์‚ฐ์— ๋Œ€ํ•œ ์ œํ•œ๋œ ํ†ต์ œ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

Wondershare Mockitt:

Wondershare Mockitt๋Š” Figma์™€ ์œ ์‚ฌํ•œ ๋˜ ๋‹ค๋ฅธ UI ๋””์ž์ธ ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๊ธฐ๋Šฅ ์กฐ์ • ๋ฐ ํ˜‘์—… ๊ธฐ๋Šฅ ์ œ๊ณต, ํ•˜์ง€๋งŒ ๊ทธ๊ฒƒ๋„ ๋” ๋„“์€ OS ํ”Œ๋žซํผ ์ง€์›์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.. ์ด๋Ÿฌํ•œ ํ”Œ๋žซํผ์—๋Š” ์‹ค์‹œ๊ฐ„ ๋™๊ธฐํ™” ๊ธฐ๋Šฅ์„ ๊ฐ–์ถ˜ ๋ธŒ๋ผ์šฐ์ €, Windows, macOS ๋ฐ Ubuntu(Linux)๊ฐ€ ํฌํ•จ๋ฉ๋‹ˆ๋‹ค.

Wondershare Mockitt- ๋ฌด๋ฃŒ Figma ๋Œ€์•ˆ

๋‹จ์ˆœํ•œ UI์ด์ง€๋งŒ ๊ฐ•๋ ฅํ•œ ๊ธฐ๋Šฅ์„ ๊ฐ–์ถ˜ ๋””์ž์ธ ๋„๊ตฌ๋ฅผ ์ฐพ๊ณ  ์žˆ๋‹ค๋ฉด Mockitt๊ฐ€ ๋‹น์‹ ์„ ์œ„ํ•œ ํ”Œ๋žซํผ์ž…๋‹ˆ๋‹ค. ํ•™์Šต ๊ณก์„ ์ด ์ „ํ˜€ ์—†๊ธฐ ๋•Œ๋ฌธ์— ์ดˆ๋ณด์ž๋„ ์ด ์ง๊ด€์ ์ธ UI/UX ๋””์ž์ธ ์•ฑ์„ ๋ฐฐํฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ํ˜•ํƒœ์™€ ๋ชจ์–‘์— ์ง‘์ค‘ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ”ฝ์…€ ๋‹จ์œ„๊นŒ์ง€ ์™„๋ฒฝํ•˜๊ณ  ํ™•์žฅ ๊ฐ€๋Šฅํ•œ ๋ฒกํ„ฐ ๊ทธ๋ž˜ํ”ฝ์„ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ํ•ต์‹ฌ ํ•˜์ด๋ผ์ดํŠธ:

  • ๋ชจ๋“  ๋””์ž์ธ ๊ด€๋ จ ์•„์ด์ฝ˜, ๊ตฌ์„ฑ ์š”์†Œ, ์œ„์ ฏ ๋ฐ ํ…œํ”Œ๋ฆฟ์ด ํฌํ•จ๋œ ๋Œ€๊ทœ๋ชจ ๋ฌด๋ฃŒ ์ž์‚ฐ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ
  • ๋‹ค์–‘ํ•˜๊ณ  ํ’๋ถ€ํ•œ ๋””์ž์ธ ๋„๊ตฌย 
  • ํด๋ผ์ด์–ธํŠธ ํ”„๋ ˆ์  ํ…Œ์ด์…˜์„ ๋”์šฑ ๋‹๋ณด์ด๊ฒŒ ๋งŒ๋“œ๋Š” ๋‹ค์–‘ํ•œ ํ”„๋ ˆ์  ํ…Œ์ด์…˜ ๋ชจ๋“œ
  • ๋ฐ์Šคํฌํ†ฑ ๋ฐ ๋ชจ๋ฐ”์ผ ์žฅ์น˜์—์„œ ๋ณผ ์ˆ˜ ์žˆ๋„๋ก ํ”„๋กœํ† ํƒ€์ž…์„ ์‰ฝ๊ฒŒ ๊ณต์œ 
  • ์ง์ ‘ ๋ธŒ๋ผ์šฐ์ € ์•ก์„ธ์Šค๋ฅผ ์œ„ํ•œ ํด๋ผ์šฐ๋“œ ๋ฒ„์ „ ๊ฐ€์šฉ์„ฑ
  • ๋””์ž์ด๋„ˆ์˜ ์—…๋ฌด๋ฅผ ์ž์œ ๋กญ๊ฒŒ ํ•˜๊ณ  ๊ฐœ๋ฐœ์ž์˜ ์—ญ๋Ÿ‰์„ ๊ฐ•ํ™”ํ•˜๋Š” ์ฒ ์ €ํ•œ ํ•ธ๋“œ์˜คํ”„ ๋ฉ”์ปค๋‹ˆ์ฆ˜

์žฅ์ :

  • ๋น ๋ฅด๊ณ  ๋ฐ˜์‘์ด ๋น ๋ฅธ ์ธํ„ฐํŽ˜์ด์Šค
  • 500๊ฐœ ์ด์ƒ์˜ ์œ„์ ฏ๊ณผ ํ…œํ”Œ๋ฆฟ ์ œ๊ณต
  • ์—ฌ๋Ÿฌ ํ”„๋กœ์ ํŠธ๋ฅผ ๊ณต๋™ ํŽธ์ง‘ํ•˜๊ณ  ๊ณต๋™ ๊ด€๋ฆฌ
  • ๋งž์ถคํ˜• ๊ตฌ์„ฑ์š”์†Œ๋ฅผ ๊ฐ–์ถ˜ ํฌ๊ด„์ ์ธ ์„ค๊ณ„ ๋„๊ตฌ
  • ๊ด‘๋ฒ”์œ„ํ•œ ์ž์‚ฐ ๋ฐ ํšจ๊ณผ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ
  • ๋‹จ์ผ ๊ณ„์ •์œผ๋กœ ์–ด๋””์„œ๋‚˜ ์ž‘์—…ํ•  ์ˆ˜ ์žˆ๋Š” ์‹œ์„ค
  • ํ”Œ๋žซํผ ๋…๋ฆฝ์ 

๋‹จ์ :

  • ๋ฌด๋ฃŒ ๋ฒ„์ „์—์„œ๋Š” ์ œํ•œ๋œ ํ™”๋ฉด ์‚ฌ์šฉ ๊ฐ€๋Šฅ

์™€์ด์–ดํ”Œ๋กœ์šฐ:

Wireflow๋Š” ์›น ์‚ฌ์ดํŠธ, ์•ฑ ๋ฐ ๋””์ง€ํ„ธ ์ œํ’ˆ์˜ ๋งคํ˜น์ ์ธ ํ”„๋กœํ† ํƒ€์ž…์„ ๋””์ž์ธํ•  ์ˆ˜ ์žˆ๋Š” ๋›ฐ์–ด๋‚œ ์‚ฌ์šฉ์ž ํ๋ฆ„ ํ”„๋กœํ† ํƒ€์ž… ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. ๋””์ž์ธ ๋„๊ตฌ์˜ ํŠน๋ณ„ํ•œ ๋งค๋ ฅ์€ ์œ ๋ฃŒ ์˜ต์…˜์ด ์—†๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ฆ‰, ๋ฌด๋ฃŒ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ๋œป์ž…๋‹ˆ๋‹ค.

Wireflow- ๋ฌด๋ฃŒ Figma ๋Œ€์•ˆ

๊ฒŒ๋‹ค๊ฐ€ ๋„๊ตฌ์— ์•ก์„ธ์Šคํ•˜๊ธฐ ์œ„ํ•ด ๊ณ„์ •์— ๊ฐ€์ž…ํ•  ํ•„์š”๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค. ๋‹น์‹ ์ด ํ•ด์•ผ ํ•  ์ผ์€ ๊ทธ๋“ค์˜ ์›น์‚ฌ์ดํŠธ๋ฅผ ๋ฐฉ๋ฌธํ•˜์—ฌ ๋ฐ”๋กœ ์‹œ์ž‘ํ•˜๋Š” ๊ฒƒ๋ฟ์ž…๋‹ˆ๋‹ค. ๊ทธ๋Ÿฐ ๋‹ค์Œ ๋ธŒ๋ ˆ์ธ์Šคํ† ๋ฐ์„ ํ•˜๊ณ  ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค๊ณผ ํ˜‘๋ ฅํ•˜์—ฌ ํ”„๋กœ์ ํŠธ๋ฅผ ๊ณ„ํšํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

2021๋…„ ์ดํ›„ Wireflow์— ๋Œ€ํ•œ ์ตœ๊ทผ ๊ฐœ๋ฐœ ํ™œ๋™์ด ์—†์—ˆ์Œ์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ  ์—ฌ์ „ํžˆ ํ™œ๋™ ์ค‘์ด๋ฉฐ ๋ฌด๋ฃŒ ์˜คํ”ˆ ์†Œ์Šค ์†”๋ฃจ์…˜์„ ์œ„ํ•œ ์ตœ๊ณ ์˜ ์„ ํƒ ์ค‘ ํ•˜๋‚˜๋กœ ๋‚จ์•„ ์žˆ์Šต๋‹ˆ๋‹ค. Wireflow์— ๋Œ€ํ•œ ์ž์„ธํ•œ ๋‚ด์šฉ์€ GitHub ํŽ˜์ด์ง€๋ฅผ ํ™•์ธํ•˜์„ธ์š”.

ํ•ต์‹ฌ ํ•˜์ด๋ผ์ดํŠธ:

  • ์™„์ „ ๋ฌด๋ฃŒ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ํ”„๋ฆฌ๋ฏธ์—„ ์˜ต์…˜์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค
  • ์ ๊ทน์ ์œผ๋กœ ์œ ์ง€๋˜์ง€ ์•Š์Œ

์žฅ์ :

  • ๋” ๋‚˜์€ ํ˜‘์—… ์ œ๊ณต
  • ํ”„๋กœ์ ํŠธ ์‹ค์ˆ˜์™€ ๊ฐ’๋น„์‹ผ ์žฌ์„ค๊ณ„ ๋ฐฉ์ง€
  • ๋ธŒ๋ ˆ์ธ์Šคํ† ๋ฐ ๋„๊ตฌ ํฌ๋ž˜์ปค

๋‹จ์ :

  • ์ž์„ธํ•œ ์‚ฌ์šฉ์ž ํ๋ฆ„์ด ๋ถ€์กฑํ•ฉ๋‹ˆ๋‹ค.

ํŽœํŒŸ:

Penpot์€ UI ๋ฐ UX ๋””์ž์ด๋„ˆ๋“ค ์‚ฌ์ด์—์„œ ๋น ๋ฅธ ๊ด€์‹ฌ์„ ๋ฐ›๊ณ  ์žˆ์œผ๋ฉฐ ๊ฒฌ๊ณ ํ•œ Figma์™€ ์œ ์‚ฌํ•œ ์†Œํ”„ํŠธ์›จ์–ด ๋˜๋Š” ์‹ฌ์ง€์–ด Figma ํ‚ฌ๋Ÿฌ๋กœ๋„ ์ž˜ ์ž๋ฆฌ์žก๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž๋Š” ๋ถ„๋ช…ํžˆ ๋„๊ตฌ์™€ ํ•ด๋‹น ์„œ๋น„์Šค๋ฅผ ์ข‹์•„ํ•ฉ๋‹ˆ๋‹ค. ์ฃผ๋กœ ๋„๋ฉ”์ธ ๊ฐ„ ํŒ€์„ ์œ„ํ•ด ์„ค๊ณ„๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

Penpot- ๋ฌด๋ฃŒ Figma ๋Œ€์•ˆ

Penpot์€ ์šด์˜ ์ฒด์ œ์™€ ๋…๋ฆฝ์ ์ด๋ฉฐ ์™„์ „ํžˆ ์›น ๊ธฐ๋ฐ˜ ํ”Œ๋žซํผ์ž…๋‹ˆ๋‹ค. Penpot์ด ๋ˆˆ์— ๋„๋Š” ์ด์œ ๋Š” SVG๋ฅผ ๊ธฐ๋ณธ ํ˜•์‹์œผ๋กœ ๋ฐฐํฌํ•œ๋‹ค๋Š” ์ ์ž…๋‹ˆ๋‹ค. ์ด๋Š” ๋“œ๋ฌผ์ง€๋งŒ ๋””์ž์ด๋„ˆ์—๊ฒŒ ์ƒ๋‹นํ•œ ์ด์ ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

ํ•ต์‹ฌ ํ•˜์ด๋ผ์ดํŠธ:

  • ์ž์ฒด ํ˜ธ์ŠคํŒ… ์˜ต์…˜ ์‚ฌ์šฉ ๊ฐ€๋Šฅ
  • SVG๋ฅผ ๊ธฐ๋ณธ ํ˜•์‹์œผ๋กœ ํ™œ์šฉํ•ฉ๋‹ˆ๋‹ค.
  • ์™„์ „ํžˆ ์›น ๊ธฐ๋ฐ˜์ด๋ฉฐ ํฌ๋กœ์Šค ํ”Œ๋žซํผ ๋„๊ตฌ์ž…๋‹ˆ๋‹ค.
  • ์ปค๋ฎค๋‹ˆํ‹ฐ ๊ธฐ๋ฐ˜

์žฅ์ :

  • ์˜คํ”ˆ ์†Œ์Šค ๋ฐ ์›น ๊ธฐ๋ฐ˜ ํ”Œ๋žซํผ
  • ํŒ”๋ ˆํŠธ ํ†ตํ•ฉ
  • ๋„๊ตฌ์™€ ํ†ตํ•ฉ๋œ ํ”ผ๋“œ๋ฐฑ
  • ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋ฐ UI ํ‚คํŠธ ์‚ฌ์šฉ ๊ฐ€๋Šฅ

๋‹จ์ :

  • ์ œํ•œ๋œ ์ˆ˜์˜ ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์—ฐํ•„ ํ”„๋กœ์ ํŠธ:

๊ทธ๋ž˜ํ”ฝ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค ๋„๊ตฌ์ธ Pencil Project๋Š” ๋””์ž์ด๋„ˆ์™€ ๊ฐœ๋ฐœ์ž ๋ชจ๋‘๊ฐ€ ํ™œ์šฉํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋“ค์€ ์ด๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋‹ค์–‘ํ•œ ๋‚ด์žฅ ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์›น์‚ฌ์ดํŠธ ์™€์ด์–ดํ”„๋ ˆ์ž„, ํ”„๋กœํ† ํƒ€์ž… ๋ฐ ๋ชจํ˜•์„ ๊ตฌ์ถ•ํ•ฉ๋‹ˆ๋‹ค. ์ด ๊ธ€์—์„œ๋Š” ๋ฌด๋ฃŒ ์˜คํ”ˆ ์†Œ์Šค ๋„๊ตฌ๋ฅผ ๋‹ค๋ฃจ๊ธฐ ๋•Œ๋ฌธ์— Pencil Project๋Š” ์ œ๊ณตํ•˜๋Š” ๊ธฐ๋Šฅ์„ ๊ณ ๋ คํ•  ๋•Œ ์ตœ๊ณ ์˜ ์„ ํƒ ์ค‘ ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค.

์—ฐํ•„ ํ”„๋กœ์ ํŠธ- ๋ฌด๋ฃŒ Figma ๋Œ€์•ˆ

Pencil Project๋Š” GUI๋ฅผ ์ฒ˜์Œ๋ถ€ํ„ฐ ๋””์ž์ธํ•˜๊ธฐ ์œ„ํ•œ ๋„๊ตฌ๋ฅผ ๋ฐฐํฌํ•˜๋Š” ๊ฒƒ ์™ธ์—๋„ ๋‹ค์–‘ํ•œ ๋””์ž์ธ ๋ฒ”์ฃผ์— ๋Œ€ํ•ด ์‚ฌ์ „ ์ œ์ž‘๋œ ๋ชจ์–‘์„ ํ†ตํ•ฉํ•ฉ๋‹ˆ๋‹ค. Pencil ํ”„๋กœ์ ํŠธ๋Š” Figma์™€ ๋‹ฌ๋ฆฌ ๋ฒกํ„ฐ ๊ธฐ๋ฐ˜์ด ์•„๋‹™๋‹ˆ๋‹ค. ๋Œ€์‹  ํ•ด๋‹น ํ”„๋กœ์ ํŠธ๋Š” ์›น ํŽ˜์ด์ง€, PNG ํŒŒ์ผ, PDF ๋˜๋Š” SVG ํŒŒ์ผ๋กœ ๋‚ด๋ณด๋‚ด์ง‘๋‹ˆ๋‹ค.

ํ•ต์‹ฌ ํ•˜์ด๋ผ์ดํŠธ:

  • ๋ฌด๋ฃŒ ๋ฐ ์˜คํ”ˆ ์†Œ์Šค
  • ํ”„๋ŸฐํŠธ์—”๋“œ์— ์‰ฝ๊ณ  ๋„์›€์ด ๋จ
  • PNG, SVG, PDF ๋“ฑ ๋‹ค์–‘ํ•œ ํŒŒ์ผ ํ˜•์‹์œผ๋กœ ๋‚ด๋ณด๋‚ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์•ˆ๋“œ๋กœ์ด๋“œ์™€ ๋ฐ์Šคํฌํ†ฑ ๋ชจ๋‘๋ฅผ ์œ„ํ•œ ์™€์ด์–ดํ”„๋ ˆ์ž„, ํ”„๋กœํ† ํƒ€์ž…, ๋ชจํ˜• ๋””์ž์ธ ๊ฐ€๋Šฅ

์žฅ์ :

  • Android ๋˜๋Š” IOS ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ฐœ๋ฐœํ•˜๊ธฐ ์œ„ํ•œ ์œ ์—ฐํ•œ ๋„๊ตฌ์ž…๋‹ˆ๋‹ค.
  • ํ”„๋กœํ† ํƒ€์ž… ์ œ์ž‘๊ณผ ์™€์ด์–ดํ”„๋ ˆ์ž„ ๋””์ž์ธ์„ ์œ„ํ•œ ์™„๋ฒฝํ•œ ๋„๊ตฌ์ž…๋‹ˆ๋‹ค.
  • ๋ชจํ˜• ๋””์ž์ธ ์ˆ˜์— ์ œํ•œ์ด ์—†์œผ๋ฉฐ ์‚ฌ๋žŒ๋“ค๊ณผ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋‹จ์ :

  • ์˜คํ”ˆ์ด ์กฐ๊ธˆ ๋Š๋ฆผ
  • ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค๊ฐ€ ๊ตฌ์‹์ž…๋‹ˆ๋‹ค.

๋‹น์‹ ์—๊ฒŒ๋กœ

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

๊ทธ๋Ÿฌ๋‚˜ ์ด๊ฒƒ์ด Figma ๋Œ€์•ˆ์„ ์ƒ๊ฐํ•ด์„œ๋Š” ์•ˆ ๋œ๋‹ค๋Š” ์˜๋ฏธ๋Š” ์•„๋‹™๋‹ˆ๋‹ค. ์‹ค์ œ๋กœ UI์™€ UX ๋””์ž์ธ์„ ๋ชจ๋‘ ๋งˆ์Šคํ„ฐํ•˜๋ ค๋ฉด ์œ ์‚ฌํ•œ ๋‹ค๋ฅธ ๋””์ž์ธ ์•ฑ๊ณผ ๋„๊ตฌ์— ๋Œ€ํ•œ ์—ญ๋Ÿ‰์ด ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์ด๋Ÿฌํ•œ ๋„๊ตฌ ์ค‘ ์ผ๋ถ€๊ฐ€ ์˜คํ”ˆ ์†Œ์Šค๋ผ๋ฉด ๊ธˆ์ƒ์ฒจํ™”์ž…๋‹ˆ๋‹ค.

์ด๊ฒƒ์ด ๋ฐ”๋กœ ์ด ๊ธ€์ด ์ตœ๊ณ ์˜ ๋ฌด๋ฃŒ Figma ๋Œ€์•ˆ 6๊ฐœ์— ์ดˆ์ ์„ ๋งž์ถ”๊ณ  ์š”์•ฝํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์œ ์šฉํ•˜๊ณ  ํŽธ๋ฆฌํ•˜๋‹ค๊ณ  ์ƒ๊ฐ๋˜๋Š” ๊ฒƒ์„ ์„ ํƒํ•˜๋Š” ๊ฒƒ์ด ๊ฐ€์žฅ ์ข‹์Šต๋‹ˆ๋‹ค. ๋‹ค๊ฐ€์˜ค๋Š” ๋””์ž์ธ ํ”„๋กœ์ ํŠธ์— ์ตœ์„ ์„ ๋‹คํ•˜๊ธธ ๋ฐ”๋ž๋‹ˆ๋‹ค! ๋‹น์‚ฌ์™€ ๋‹น์‚ฌ ์ œํ’ˆ์— ๋Œ€ํ•ด ๋” ์ž์„ธํžˆ ์•Œ๊ณ  ์‹ถ์œผ์‹œ๋ฉด ๋‹น์‚ฌ ์›น์‚ฌ์ดํŠธ๋ฅผ ๋ฐฉ๋ฌธํ•˜์‹ญ์‹œ์˜ค.


์ฝ”๋ฉ˜ํŠธ

๋‹ต๊ธ€์“ฐ๊ธฐ

์ด๋ฉ”์ผ์€ ํ‘œ์‹œ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ํ•„์ˆ˜ ํ•„๋“œ๋Š” *๋กœ๊ทธ์ธ์ด ๋ฉ๋‹ˆ๋‹ค