Figma AI๋ถํฐ v0๊น์ง: 2026 AI ํ๋กํ ํ์ดํ ํด ๋น๊ต
Figma AI, Magic Patterns, v0, Lovable, Google Stitch, Claude Design, Bolt๋ฅผ ๋น๊ตํฉ๋๋ค. ๊ฐ๊ฒฉ๊ณผ ๋ฌด๋ฃ ์ด์ฉ ๋ฒ์, ๋์์ธ ์์คํ ์ฌ์ฌ์ฉ, ์ฝ๋ ์ธ๊ณ ๋ฐฉ์์ ์ดํด๋ณด๊ณ ๊ณตํต ์จ๋ณด๋ฉ ์๊ตฌ์ฌํญ์ผ๋ก ํ๋ก์ ํธ์ ๋ง๋ ํด์ ๊ณ ๋ฆ ๋๋ค.
๊ฒ์์ผ

3๊ฐ ํ๋ฉด์ผ๋ก ๊ตฌ์ฑ๋ ์จ๋ณด๋ฉ ํ๋กํ ํ์ ์ ๋ง๋ ๋ค๋ฉด, ํ๋กํ ํ์ดํ ์ ์ฉ ์ํฌํ๋ก์๋ Magic Patterns, ๊ธฐ์กด ์์ ๋ฌผ์ด Figma์ ์๋ค๋ฉด Figma Make, ๋ค์ ๋ด๋น์๊ฐ GitHub์์ ์ฝ๋๋ฅผ ์ด์ด์ ๊ฐ๋ฐํด์ผ ํ๋ค๋ฉด v0๋ฅผ ์ฐ์ ๊ฒํ ํฉ๋๋ค. Figma AI๋ฅผ ๋น๋กฏํ AI ํ๋กํ ํ์ดํ ํด์ ๊ณ ๋ฅผ ๋ ํต์ฌ์ ์ด๋ฏธ ํ๋ณดํ ๋งฅ๋ฝ์ ์ด๋ฆฌ๋ฉด์, ๊ด์ฐฐํ๋ ค๋ ๊ณผ์ ์ ์ฐธ์ฌ์๊ฐ ์ง์ ๋๋ผ ์ ์๊ฒ ๋ง๋๋์ง์ ๋๋ค.
๊ฐ๊ฒฉ๊ณผ ๋ฌธ์๋ 2026๋ 10์ 23์ผ์ ํ์ธํ์ต๋๋ค. ์ด ๊ธ์ ๊ณต์ ๋ฌธ์์ ๋์จ ์ํฌํ๋ก๋ฅผ ๋น๊ตํ๋ฉฐ, ๊ฐ์ ์กฐ๊ฑด์ผ๋ก ์ฌํํ ์ ์๋ ์จ๋ณด๋ฉ ์๊ตฌ์ฌํญ์ ์ ๊ณตํฉ๋๋ค. ๊ฒํ ํ๊ฒฝ์์๋ ๋ก๊ทธ์ธ ํ ์์ฑ ๊ธฐ๋ฅ์ ์ฌ์ฉํ ์ ์์์ผ๋ฏ๋ก ์๋ฃ ์๊ฐ, ์์ฑ๋ ํ ์คํธ ๊ฒฐ๊ณผ๋ฌผ, ์ค์ ์์ ํ์๋ ์ธก์ ํ์ง ๋ชปํ์ต๋๋ค. ์๋ ์ถ์ฒ์ ์ฉ๋์ ๋ฐ๋ฅธ ์ ํฉ์ฑ์ ๋ค๋ฃจ๋ฉฐ, ์ง์ ์ฌ์ฉํด ์๋ ์์๋ฅผ ๋งค๊ธด ๊ฒฐ๊ณผ๊ฐ ์๋๋๋ค.
Figma AI์ ์ฃผ์ ํ๋กํ ํ์ดํ ํด ํ๋์ ๋น๊ต
์ถ๋ฐ์ ์ ์ด๋ฏธ ๊ฐ๊ณ ์๋ ์๋ฃ์ ๋๋ค. ์น์ธ๋ Figma ํ๋ ์์ด ์๋ ๋์์ด๋, ์์ด๋์ด๋ฅผ ํ ๋ฌธ๋จ์ผ๋ก ์ ๋ฆฌํ ์ฐฝ์ ์, ๊ธฐ์กด ์ปดํฌ๋ํธ ํจํค์ง๋ฅผ ๋ณด์ ํ ๊ฐ๋ฐ์๋ ๊ฐ๊ฐ ์์ ์กฐ๊ฑด์ด ๋ค๋ฆ ๋๋ค.
์๋ ์์ ๊ฐ๊ฒฉ์ ๋ฌด๋ฃ๋ก ์์ํ๋ ๊ฒ์ด ์ ์ ํ ๊ฒฝ์ฐ๋ฅผ ์ ์ธํ๋ฉด, ํ ์ฌ๋์ด ์ ๋ฃ ์๊ธ์ ๋ฅผ ์ด์ฉํ ๋์ ๊ธฐ์ค์ ๋๋ค. ๊ฐ๊ฒฉ์ ๋ชจ๋ ๋ฏธ๊ตญ ๋ฌ๋ฌ์ ๋๋ค. Figma์ ํ๊ธฐ ๊ฐ๊ฒฉ์ ์ฐ๊ฐ ๊ฒฐ์ ๊ฐ ํ์ํ๋ฉฐ, ๋๋จธ์ง ์ ๋ฃ ํญ๋ชฉ์ ์๊ฐ ๊ฒฐ์ ๊ธฐ์ค์ ๋๋ค. ๋ฌด๋ฃ ์๊ธ์ ๋ ์ฌ์ฉ ๊ธฐ๊ฐ์ด ์ ํด์ง ์ฒดํํ์ด ์๋๋ผ, ํ๋ ๋ด์์ ๊ณ์ ์ด์ฉํ๋ ๋ฐฉ์์ ๋๋ค. Google์ Stitch์ ๋น์ฉ ์๋ด๋ฅผ ๋ณ๋ ๊ฐ๊ฒฉ ํ์ด์ง ๋์ ์ ํ FAQ์ ๊ฒ์ํฉ๋๋ค.
์ด๋ค ๊ธฐ์ค์ผ๋ก ๋น๊ตํ๋์?
์ข์ ํ๋กํ ํ์ ์ ๊ฐ๋ฐ ์๊ฐ์ ๋ณธ๊ฒฉ์ ์ผ๋ก ํฌ์ ํ๊ธฐ ์ ์ ๋ฐฐ์ธ ๊ธฐํ๋ฅผ ์ค๋๋ค. ๋ฐ๋ผ์ ๋ค ๊ฐ์ง๋ฅผ ๊ธฐ์ค์ผ๋ก ๊ณจ๋์ต๋๋ค. ์ด๋ค ์๋ฃ๋ฅผ ๊ฐ์ ธ์ฌ ์ ์๋์ง, ํ์ํ ์ธํฐ๋์ ์ ๋ฌด์์ธ์ง, ๊ธฐ์กด ๋์์ธ ๊ท์น์ ์ด๋ป๊ฒ ๋ฐ์ํ๋์ง, ๋ค์ ๋ด๋น์์๊ฒ ๋ฌด์์ ๋๊ธธ ์ ์๋์ง์ ๋๋ค.
๋์์ธ ์์คํ ์ ์ ํ์ ๋ฒํผ, ์ ๋ ฅ ํ๋, ์์, ๊ฐ๊ฒฉ, ๋์์ ๋ท๋ฐ์นจํ๋ ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ ์ปดํฌ๋ํธ์ ๊ท์น์ ์งํฉ์ ๋๋ค. ์คํฌ๋ฆฐ์ท๊ณผ ๋น์ทํ ์ธํ์ ๋ง๋๋ ๊ฒ๊ณผ ์ค์ ์ปดํฌ๋ํธ๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ ๋ค๋ฆ ๋๋ค. ์ํ๋ฅผ ์ ์งํ๋ ํ๋กํ ํ์ ์ ์ฐธ์ฌ์๊ฐ ํ๋ฉด์ ์ด๋ํ๋ ๋์์๋ ์์์ ์ ํํ ๋ชฉํ ๊ฐ์ ์ ๋ณด๋ฅผ ๊ธฐ์ตํฉ๋๋ค.
์ผ๊ณฑ ํ๋ณด๋ ๊ฐ ์ ์์ฌ์ ํํ ๋ฌธ์์ ๊ฐ๊ฒฉ ์ ๋ณด๋ฅผ ๊ธฐ์ค์ผ๋ก ํ๊ฐํ์ต๋๋ค. ๊ณต๊ฐ ์ง์ ํ์ด์ง๋ ์ด์ด ๋ดค์ง๋ง, ์ด ์ ๊ทผ ํ์ธ์ด ์ค์ ์์ฑ ํ ์คํธ๋ก ์ด์ด์ง์ง๋ ๋ชปํ์ต๋๋ค. Magic Patterns์ v0๋ ๋ก๊ทธ์ธ ํ๋ฉด๊น์ง ์ ๊ทผํ๊ณ , Lovable๊ณผ Claude๋ ๋ธ๋ผ์ฐ์ ํ์ธ ์ ์ฐจ๋ฅผ ํ์ํ์ต๋๋ค. Stitch์์๋ ์ฌ์ฉ ๊ฐ๋ฅํ ํธ์ง๊ธฐ๊ฐ ๋ก๋๋์ง ์์์ผ๋ฉฐ, Figma Make์ Bolt์ ๊ณต๊ฐ ์ ๋ ฅ ํ๋ฉด์์๋ ๋ก๊ทธ์ธ๋ ์์ ๊ณต๊ฐ์ด๋ ์์ฑ ๊ฒฐ๊ณผ๋ฌผ์ ํ๋ณดํ์ง ๋ชปํ์ต๋๋ค. ์ด๋ ์ด๋ฒ ๊ฒํ ํ๊ฒฝ์ ํ๊ณ์ด๋ฉฐ, ์ ํ์ด ํ๋กํ ํ์ ์ ์์ฑํ์ง ๋ชปํ๋ค๋ ๊ทผ๊ฑฐ๋ ์๋๋๋ค.
๋ฐ๋ผ์ ๊ณํํ๋ ๊ณตํต ์์ฑ ํ ์คํธ์ ๊ฒฐ๊ณผ๋ฌผ๊ณผ ์์ ์ด ํ์ํ ๋ถ๋ถ์ ์ผ๊ณฑ ํด ๋ชจ๋ ์ธก์ ํ์ง ๋ชปํ ์ํ์ ๋๋ค. ์๋ ์ถ์ฒ์๋ ๊ฐ์์ ์ด์ ํ์ง, ์๊ฐ ์ธก์ ๊ฒฐ๊ณผ, ์ฌ์ฉ์ฑ ์กฐ์ฌ ๊ฒฐ๊ณผ๋ฅผ ๊ทผ๊ฑฐ๋ก ์ผ์ง ์์์ต๋๋ค. ๊ณตํต ํ๋กฌํํธ์ ์์ ์ ๊ฒ ํญ๋ชฉ์ ์ํํ์ง ๋ชปํ ์คํ์ ๋ฒ์๋ฅผ ๋ถ๋ช ํ ๋ฐํ๊ณ , ๋ ์๊ฐ ์ฌํํ ์ ์๋๋ก ๋ง๋ จํ์ต๋๋ค.
AI ํ๋กํ ํ์ดํ ํด๊ณผ ์ฑ ๋น๋๋ ์ด๋ป๊ฒ ๋ค๋ฅธ๊ฐ์?
์ฌ๊ธฐ์ ํ์ํ ๊ฒฐ๊ณผ๋ฌผ์ ํ ์คํธํ ์ ์๋ ๊ฒฝํ์ ๋๋ค. ์ค์ ๊ณ์ ์ ๋ง๋ค๊ฑฐ๋ ๊ณ ๊ฐ ์ ๋ณด๋ฅผ ์ ์ฅํ๊ฑฐ๋ ์ด๋ฉ์ผ์ ๋ณด๋ด์ง ์๊ณ ๋ ์ ์ถ ์ฑ๊ณต์ ํ๋ด ๋ผ ์ ์์ต๋๋ค. ์ฌ์ฉ์๊ฐ ๋ค์์ ๋ฌด์์ ํด์ผ ํ๋์ง ์ดํดํ๋์ง ์์๋ณด๋ ๋ฐ๋ ์ด๊ฒ๋ง์ผ๋ก ์ถฉ๋ถํ ๊ฒฝ์ฐ๊ฐ ๋ง์ต๋๋ค.
์ค์๋น์ค์ฉ ์ฑ์๋ ์ถ๊ฐ ์ฑ ์์ด ๋ฐ๋ฆ ๋๋ค. ๋ค์ ๋ชฉํ๊ฐ ์์ฑํ ์ํํธ์จ์ด๋ก ์ฌ์ ์ ์ด์ํ๋ ๊ฒ์ด๋ผ๋ฉด ๋ณ๋์ AI ์ฑ ๋น๋ ๋น๊ต์ ๋ฐ์ด๋ธ ์ฝ๋ฉ ํด ๊ฐ์ด๋๋ฅผ ์ฐธ๊ณ ํฉ๋๋ค. ์ด ๊ธ์ ๋ฒ์์์๋ ๋ฆฌ์์น ์ง๋ฌธ์ ๋ตํ๋ ๋ฐ ๊ผญ ํ์ํ ๋๋ง ๋ฐฑ์๋๋ฅผ ์ถ๊ฐํฉ๋๋ค.
์๋ฅผ ๋ค์ด ์จ๋ณด๋ฉ์ ๋ชฉํ ์ ํ UI๋ฅผ ์ฌ๋๋ค์ด ์ดํดํ๋์ง ์์๋ณด๋ ค๋ฉด ์ ํ ๊ธฐ๋ฅ๊ณผ ํ๋ฉด ์ด๋์ด ์๋ํ๋ฉด ๋ฉ๋๋ค. ์ด๋์ฅ์ด ๋๋ฃ์๊ฒ ๋์ฐฉํ๋์ง ํ์ธํ๋ ค๋ฉด ๋ค๋ฅธ ํ๋กํ ํ์ ๊ณผ ๋ค๋ฅธ ์๊ตฌ์ฌํญ์ด ํ์ํฉ๋๋ค. ๋์ ๋๋ ๊ธฐ์ ๊ธฐ๋ฅ์ด ์๋ ๋ด๋ฆฌ๋ ค๋ ํ๋จ์ ๋์ ํ์ง ์๋๋ก ๋ ์คํ์ ๋ถ๋ฆฌํฉ๋๋ค.
AI ํ๋กํ ํ์ ์์ฑ์ ์ฌ์ฉํ ๊ณตํต ์จ๋ณด๋ฉ ์๊ตฌ์ฌํญ
๋ชจ๋ ํ๋ณด์ ๊ฐ์ ์์ ํ๋กฌํํธ์ ํต๊ณผ ๊ธฐ์ค์ ์ ์ฉํฉ๋๋ค. ๊ทธ๋ ์ง ์์ผ๋ฉด ํ ํด์๋ ์ ๊ตํ ์ํ ๋ชจ๋ธ์ ์ฃผ๊ณ , ๋ค๋ฅธ ํด์๋ ๋ณด๊ธฐ ์ข์ ์จ๋ณด๋ฉ ํ์ด์ง๋ฅผ ๋ง๋ค์ด ๋ฌ๋ผ๊ณ ๋ง ํ ๋ค ๋น๊ตํ๊ฒ ๋ฉ๋๋ค.
์๋๋ ์ด๋ฒ ๋น๊ต๋ฅผ ์ํด ์ค๋นํ ๊ณตํต ์๊ตฌ์ฌํญ์ ๋๋ค. Northstar๋ ๊ฐ์์ ์ ํ์ด๋ฉฐ, ์น์๋ ์์ฑ ๊ฒฐ๊ณผ๋ฅผ ์ธก์ ํ ๊ฐ์ด ์๋๋ผ ์ค๊ณ ์กฐ๊ฑด์ผ๋ก ์ ์ํ ๊ฐ์ ๋๋ค.
Northstar๋ผ๋ ๊ฐ์์ ํ ๊ณํ ์ ํ์ ์ํ ํด๋ฆญ ๊ฐ๋ฅํ ์ธ ํ๋ฉด์ง๋ฆฌ ์จ๋ณด๋ฉ ํ๋กํ ํ์ ์ ๋ง๋ญ๋๋ค. ํ๋ฉด 1: ํ์ ๋ฉ์์ง, ํ์ ํญ๋ชฉ์ธ ์ฑ๋ช ๊ณผ ์ ๋ฌด์ฉ ์ด๋ฉ์ผ, ๊ณ์ ๋ฒํผ์ ๋ฐฐ์นํฉ๋๋ค. ํ๋ฉด 2: ํ๋ก์ ํธ ๊ณํ, ํ ์ ๋ฌด ์กฐ์จ, ๋๋ฌ๋ณด๊ธฐ ์ค ๋ชฉํ๋ฅผ ๊ณ ๋ฅด๊ฒ ํฉ๋๋ค. ๋ฐ๋์ ํ๋๋ง ์ ํํด์ผ ํฉ๋๋ค. ๋ค๋ก์ ๊ณ์ ๋ฒํผ์ ๋ฃ์ต๋๋ค. ํ๋ฉด 3: ์ ๋ ฅํ ์ด๋ฆ, ์ด๋ฉ์ผ, ์ ํํ ๋ชฉํ๋ฅผ ํ์ธํ ์ ์๊ฒ ํ๊ณ ๋ค๋ก, ์๋ฃ, ์ฒ์๋ถํฐ ๋ฒํผ์ ๋ฐฐ์นํฉ๋๋ค. ์๋ฃ๋ฅผ ๋๋ฅด๋ฉด ํ๋ฉด์ ์ถ๊ฐํ์ง ์๊ณ ํ๋ฉด 3 ์์์ ํ์ธ ๋ฉ์์ง๋ฅผ ํ์ํฉ๋๋ค. ๋ค๋ก ์ด๋ํด๋ ์ ๋ ฅ๊ฐ์ ์ ์งํฉ๋๋ค. ์ด๋ฉ์ผ ํ์์ด ์๋ชป๋๊ฑฐ๋ ํ์ ํญ๋ชฉ์ด ๋น์ด ์์ผ๋ฉด ํด๋น ํ๋์ ์ค๋ฅ๋ฅผ ํ์ํฉ๋๋ค. ์ฒ์๋ถํฐ๋ฅผ ๋๋ฅด๋ฉด ๋ชจ๋ ํ๋๋ฅผ ์ด๊ธฐํํฉ๋๋ค. ๋ชจ์ ๋ฐ์ดํฐ์ ๋ก์ปฌ ์ํ๋ง ์ฌ์ฉํ๋ฉฐ ์ธ์ฆ ์๋น์ค, ๋ฐ์ดํฐ๋ฒ ์ด์ค, ์ด๋ฉ์ผ ๋ฐ์ก, ๊ฒฐ์ , ์ธ๋ถ API๋ ์ฌ์ฉํ์ง ์์ต๋๋ค. ํฐ์ ๋ฐฐ๊ฒฝ, ์ด๋์ด ๊ธ์, ์ธ๋๊ณ ์์์ ์ฃผ์ ๋ฒํผ, 8px ๊ฐ๊ฒฉ ์ฒด๊ณ, 12px ๋ชจ์๋ฆฌ ๋ฐ๊ฒฝ์ ์ ์ฉํฉ๋๋ค. ์ ๋ ฅ ํ๋์๋ ๋ช ํํ ๋ ์ด๋ธ์ ๋ฌ๊ณ ํค๋ณด๋ ํฌ์ปค์ค๋ฅผ ๋์ ๋๊ฒ ํ์ํ๋ฉฐ, ๋ฐ์คํฌํฑ๊ณผ ๋ชจ๋ฐ์ผ์ ๋์ํ๋ ๋ฐ์ํ ๋ ์ด์์์ ์ฌ์ฉํฉ๋๋ค. ํ๋ฉด์ด๋ ๊ธฐ๋ฅ์ ์ถ๊ฐํ์ง ์์ต๋๋ค.
์ด ์๊ตฌ์ฌํญ์ ์ธํ๊ณผ ๋์์ ๊ตฌ๋ถํฉ๋๋ค. ํด๋ฆญ ๊ฐ๋ฅํ ์ด๋ฏธ์ง๋ ํ๋ฉด ์์๋ฅผ ๋ณด์ฌ ์ค ์ ์์ง๋ง, ์ฐธ์ฌ์๊ฐ ์๊ธฐ ์ด๋ฆ์ ์ ๋ ฅํ๊ณ ๋ชฉํ๋ฅผ ๋ฐ๊พผ ๋ค ๊ฒํ ํ๋ฉด์์ ๋ณ๊ฒฝ๋ ๊ฐ์ ํ์ธํ ์ ์๋ค๋ ์ฌ์ค๊น์ง ์ ์ฆํ์ง๋ ๋ชปํฉ๋๋ค.
์ฐธ์ฌ์๋ฅผ ์ธ์ ์ ์ด๋ํ๊ธฐ ์ ์ ๋ค์ ๊ธฐ์ค์ ํ์ธํฉ๋๋ค.
- ํ๋ฉด ์ด๋: ๊ณ์์ ๋๋ฅด๋ฉด ์๋ํ ํ๋ฉด์ผ๋ก ๋์ด๊ฐ๊ณ , ๋ค๋ก๋ฅผ ๋๋ฌ๋ ์ฌ๋ฐ๋ฅด๊ฒ ์ ๋ ฅํ ๊ฐ์ด ์ฌ๋ผ์ง์ง ์์ต๋๋ค.
- ์ ํจ์ฑ ๊ฒ์ฌ: ํ์ ํญ๋ชฉ์ด ๋น์ด ์๊ฑฐ๋ ์ด๋ฉ์ผ ํ์์ด ์๋ชป๋๋ฉด ์ดํดํ ์ ์๋ ์ค๋ฅ๋ฅผ ํด๋น ํ๋์ ํ์ํฉ๋๋ค.
- ์ ํ: ๋ชฉํ๋ ์ ํํ ํ๋๋ง ํ์ฑํ๋๋ฉฐ, ์ ํ ์ํ๊ฐ ๋์ ๋ณด์ ๋๋ค.
- ๊ฒํ : ์์ฝ์๋ ๊ณ ์ ๋ ์์ ๋ฌธ๊ตฌ๊ฐ ์๋๋ผ ์ฐธ์ฌ์๊ฐ ์ ๋ ฅํ ๊ฐ์ด ํ์๋ฉ๋๋ค.
- ์๋ฃ: ์๋ฃ ํ์ธ์ ๊ฒํ ํ๋ฉด ์์ ๋ํ๋ฉ๋๋ค. ์ฒ์๋ถํฐ๋ฅผ ๋๋ฅด๋ฉด ์ด์ ์ฐธ์ฌ์์ ๋ฐ์ดํฐ๊ฐ ์ง์์ง๋๋ค.
- ์ ๋ ฅ: ๋ ์ด๋ธ์ด ๊ณ์ ๋ณด์ด๊ณ , ํค๋ณด๋ ํฌ์ปค์ค์ ์ด๋์ ๋ฐ๋ผ๊ฐ ์ ์์ผ๋ฉฐ, ์๋ํ ํ๋ฉด ํฌ๊ธฐ์์ ๋ ์ด์์์ด ์๋ํฉ๋๋ค.

์๋ฏธ ์๋ ์ ํ ๋น๊ต๋ ๋ณด๊ธฐ ์ข์ ์ด์์ด ์ ๊ธฐ์ค์ ํต๊ณผํ๋ ํ๋ฆ์ผ๋ก ๋ฐ๋์๋์ง๋ฅผ ๋ณด๋ ๊ฒ์ ๋๋ค. ์ด๋ฒ์๋ ์์ฑ๋ ์ด์์ ํ๋ณดํ์ง ๋ชปํ์ผ๋ฏ๋ก, ์๋ ์์๋ ํน์ ์ ํ์์ ๋ฐ๊ฒฌํ ๊ฒฐํจ ๋ณด๊ณ ๊ฐ ์๋๋ผ ํด๋น ์ํฉ์ด ๋ฐ์ํ์ ๋ ์ฌ์ฉํ ์์ ์ง์นจ์ ๋๋ค.
๋ค๋ก๋ฅผ ๋๋ ์ ๋ ์ด๋ฆ์ด ์ฌ๋ผ์ง๋ค๋ฉด โํ๋ฉด ์ฌ์ด๋ฅผ ์ด๋ํ ๋ ๋ชจ๋ ์จ๋ณด๋ฉ ๊ฐ์ ๊ณต์ ๋ก์ปฌ ์ํ์ ์ ์งํฉ๋๋คโ๋ผ๊ณ ์์ ์์ฒญ์ ํฉ๋๋ค. ๊ฒํ ํ๋ฉด์ ์์ ๋ชฉํ๊ฐ ๋์จ๋ค๋ฉด ํ์ฌ ์ ํ๊ฐ์ ํ์ํ๋๋ก ์์ฒญํฉ๋๋ค. ์๋ฃ๋ฅผ ๋๋ฅผ ๋ ๋์๋ณด๋๊ฐ ์ถ๊ฐ๋๋ค๋ฉด ๊ทธ ํ๋ฉด์ ์์ ๊ณ ํ์ฌ ํ๋ฉด์ ํ์ธ ๋ฉ์์ง๋ฅผ ํ์ํ๊ฒ ํฉ๋๋ค. ์คํจํ ๋์์ ๊ฐ์ฅ ์์ ๋จ์๋ง ์์ ํ ๋ค, ์ํฅ์ ๋ฐ๋ ๊ณผ์ ์ ๋ค์ ์ํํฉ๋๋ค.
๋์์ธ ์์คํ ํ๊ฐ๋ ๋ณ๋ ๋จ๊ณ๋ก ์งํํฉ๋๋ค. ๋จผ์ ๋์ผํ ๊ธฐ๋ณธ ์๊ตฌ์ฌํญ์ ์ฌ์ฉํฉ๋๋ค. ๊ทธ๋ค์ ํด๋น ๊ธฐ๋ฅ์ ์ง์ํ๋ ๊ฐ ํด์ ๋์ผํ ์น์ธ ๋ ํผ๋ฐ์ค์ ์ปดํฌ๋ํธ ์๋ฃ๋ฅผ ์ ๊ณตํ๊ณ , ํ์ํ ๋ณํ์ด๋ ์๊ธ์ ์ ๊ทธ๋ ์ด๋๋ฅผ ๊ธฐ๋กํฉ๋๋ค. ํ ํ๋ณด์๋ ์์ฑ๋ ์ปดํฌ๋ํธ ํจํค์ง๋ฅผ ์ฃผ๊ณ ๋ค๋ฅธ ํ๋ณด์๋ ์คํฌ๋ฆฐ์ท๋ง ์ฃผ๋ฉด, ์ด๋ ์ชฝ์ด ์์คํ ์ ๋ ์ ๋ฐ๋ฅด๋์ง ํ๋จํ ์ ์์ต๋๋ค.
์์ ๋ฐฉ์๋ณ AI UI ๋์์ธยทํ๋กํ ํ์ดํ ํด ์ถ์ฒ
1. Magic Patterns: ํ๋กํ ํ์ดํ ์ ์ฉ ์ํฌํ๋ก๊ฐ ํ์ํ ๋
Magic Patterns๋ ์๊ตฌ์ฌํญ์ด๋ ์คํฌ๋ฆฐ์ท์ ์ธํฐ๋ํฐ๋ธ ์ ํ ํ๋กํ ํ์ ์ผ๋ก ๋ฐ๊พธ๋ AI ๋์์ธ ์์ ๊ณต๊ฐ์ ๋๋ค. ๋น์ฅ์ ๊ฒฐ๊ณผ๋ฌผ์ด ์ ํ ๋ ผ์๋ ๋ฆฌ์์น ์ธ์ ์ ์ฐ์ผ ์์ ์ด๋ผ๋ฉด ๋จผ์ ๊ฒํ ํ ๋งํฉ๋๋ค. ํนํ ํ๋กํ ํ์ ์ ์ค์๋น์ค ์ฑ์ผ๋ก ๊ฐ๋ฐํ๊ธฐ๋ก ํ์ ํ์ง ์์ ์ฑ ์ฌ๋ฌ ๋์์ ํ์ํ ๋ ์ ํฉํฉ๋๋ค. ๊ณต์ ๋ฌธ์๋ ์ด ์ํฌํ๋ก๋ฅผ ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ ๋์์ธ ์์คํ ๊ณผ ๊ฐ๋ฐ ์ธ๊ณ๊น์ง ์ฐ๊ฒฐํฉ๋๋ค. ์ด๋ ์ฐ์ ์ฌ์ฉํด ๋ณผ ๊ทผ๊ฑฐ์ด๋ฉฐ, ์ด๋ฒ ์๊ตฌ์ฌํญ์ ๊ฐ์ฅ ๋น ๋ฅด๊ฒ ์์ฑํ๋ค๋ ์ฆ๊ฑฐ๋ ์๋๋๋ค. Magic Patterns ์๊ฐ ๋ฌธ์.
์ถ์ฒ ๋์: ๋ฒ์๊ฐ ๋ช
ํํ ๊ธฐ๋ฅ ์์ฐ์ ์ค๋นํ๋ ํ๋ก๋ํธ ๋งค๋์ ๋ ๋์์ด๋์
๋๋ค.
์ฃผ์ ํน์ง: ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ ์ปดํฌ๋ํธ์ ๊ท์น์ ๊ฐ์ถ ๋์์ธ ์์
๊ณต๊ฐ์ด๋ฉฐ, ์ฝ๋์ Figma๋ก ์ธ๊ณํ ์ ์์ต๋๋ค.
๊ฐ๊ฒฉ: Starter๋ ์ข์๋น ์ $20๋ถํฐ์ด๋ฉฐ, ์๊ฐ ๊ฒฐ์ ๊ธฐ์ค์
๋๋ค. ๊ณต์ ๊ฐ๊ฒฉ ์๋ด.
๋ฌด๋ฃ ์ด์ฉ: ์ฌ์ฉ๋์ด ์ ํ๋ Free ์๊ธ์ ๊ฐ ์์ต๋๋ค. ์ ๊ณต๋์ผ๋ก ํ๋กํ ํ์
์ ๋ช ๊ฐ ์์ฑํ ์ ์๋์ง๋ ๋ณด์ฅ๋์ง ์์ต๋๋ค.
๊ณตํต ์๊ตฌ์ฌํญ ์ ์ฉ ๋ฐฉ๋ฒ. ์๋ก ๋ฌด๊ดํ ํ๋ฉด์ ๋ง๋ ๋ค ๋์ค์ ๋ง์ถ๋ ค ํ์ง ๋ง๊ณ , Northstar์ ์ ์ฒด ํ๋ฆ๋ถํฐ ์์ฒญํฉ๋๋ค. ํต์ฌ ์ ๊ฒ ์ง์ ์ ๊ฒํ ํ๋ฉด์ ๋๋ค. ์ฌ๊ธฐ์ ํ์๋๋ ๋ด์ฉ์ ์์ ์์ฑํ ํผ๊ณผ ์ ํ๊ฐ์์ ๊ฐ์ ธ์์ผ ํฉ๋๋ค. ๋ณด๊ธฐ ์ข์ ๋ชฉํ ์ ํ UI๋ ๊ณผ์ ์ ์ผ๋ถ์ผ ๋ฟ์ ๋๋ค.
๊ธฐ์กด ์ ํ์ ๋ค๋ฃฌ๋ค๋ฉด ์๊ฐ์ ์ผ์น๋๋ฅผ ํ๊ฐํ๊ธฐ ์ ์ ์์คํ ๋งฅ๋ฝ์ ์ฒจ๋ถํฉ๋๋ค. Magic Patterns ๋ฌธ์๋ ์์คํ ์ ์ฒ์๋ถํฐ ๋ง๋ค๊ฑฐ๋ GitHub, npm ํจํค์ง, Figma, ์น์ฌ์ดํธ๋ฅผ ๋ฐํ์ผ๋ก ์์ํ๋ ๋ฐฉ๋ฒ์ ์๋ดํฉ๋๋ค. ์์คํ ์๋ ์ปดํฌ๋ํธ, ์์, ํ์ดํฌ๊ทธ๋ํผ, ๊ท์น์ด ํฌํจ๋ฉ๋๋ค. ๋๋ถ์ ์ฃผ์ ๋ฒํผ์ด ์ธ๋๊ณ ์์์ธ์ง๋ณด๋ค ๋ ๋ง์ ๊ฒ์ ํ์ธํ ์ ์์ต๋๋ค. ๋์์ธ ์์คํ ๋ฌธ์.
๊ฒํ ์์๊ฒ ํ๋กํ ํ์ ์ ์ฐ์ธ ์ ๋ ฅ ํ๋์ ๋ฒํผ ์ปดํฌ๋ํธ๋ฅผ ํ์ธํด ๋ฌ๋ผ๊ณ ์์ฒญํฉ๋๋ค. ์น์ธ๋ ์ปจํธ๋กค๊ณผ ๊ฒ๋ชจ์ต๋ง ๋น์ทํ๋ค๋ฉด ์๊ฐ์ ์ผ์น๋ก ๊ธฐ๋กํฉ๋๋ค. ์ค์ ์ฌ์ฌ์ฉ ์ปดํฌ๋ํธ๋ฅผ ์ผ๋ค๋ฉด ๋ณ๋๋ก ๊ธฐ๋กํฉ๋๋ค. ์ธ๊ณ๋ฐ๋ ๊ฐ๋ฐ์๊ฐ ๊ธฐ์กด ์ ํ๊ณผ ๊ฐ์ ๋นํ์ฑ, ์ค๋ฅ, ํฌ์ปค์ค ์ํ๋ฅผ ๊ตฌํํด์ผ ํ ๋ ์ด ๊ตฌ๋ถ์ด ์ค์ํฉ๋๋ค.
์๊ธ์ ๋ณ ์ ๊ณต ๋ฒ์๋ฅผ ํ์ธํด์ผ ํฉ๋๋ค. ๊ฐ๊ฒฉ ํ์ด์ง๋ Starter์ GitHub, MCP, Figma ๋ฑ์ ๋ด๋ณด๋ด๊ธฐ ์ต์ ์ ํฌํจํ์ง๋ง, ๋ง์ถคํ ๋์์ธ ์์คํ ๊ฐ์ ธ์ค๊ธฐ๋ Enterprise ํญ๋ชฉ์ ๋ช ์ํฉ๋๋ค. MCP๋ Model Context Protocol์ ์ฝ์๋ก, AI ์ฝ๋ฉ ํด์ด ๋งฅ๋ฝ ์ ๋ณด๋ฅผ ๊ฐ์ ธ์ค๊ฑฐ๋ ๋ค๋ฅธ ํด์ ๊ธฐ๋ฅ์ ์ฌ์ฉํ๋ ๋ฐฉ์์ ๋๋ค. ์ผ๋ฐ ๊ธฐ๋ฅ ์๊ฐ์ ๋์จ๋ค๊ณ ํด์ ๋ชจ๋ ๋ง์ถคํ ๊ฐ์ ธ์ค๊ธฐ ๋ฐฉ์์ด ์ ๋ฌธ ์๊ธ์ ์ ํฌํจ๋๋ค๊ณ ํด์ํด์๋ ์ ๋ฉ๋๋ค.
์ํฉ๋ณ ์์ ์ ๊ฒ: ๊ฐ์ ธ์จ ๋ ํผ๋ฐ์ค๋ก ๋ง๋ ํผ์ด ์ธํ์ ๋น์ทํ์ง๋ง ์ค๋ฅ ํํ์ด ๋ค๋ฅด๋ค๋ฉด, ์น์ธ๋ ์ ๋ ฅ ์ปดํฌ๋ํธ์ ์ค๋ฅ ๋ณํ์ ์ง์ ํฉ๋๋ค. ํ๋ฉด ์ด๋๊ณผ ๋ฐ์ดํฐ๋ ์ ์งํ๋ฉด์ ํด๋น ๋ถ๋ถ๋ง ๊ต์ฒดํ๋๋ก ์์ฒญํฉ๋๋ค. ๋ง์ฐํ โ๋ธ๋๋์ ๋ ์ ๋ง์ถฐ ์ฃผ์ธ์โ๋ผ๊ณ ํ๋ ๊ฒ๋ณด๋ค ์ ํํฉ๋๋ค.
์ธ๊ณ ๊ธฐ์ค: ํ์์ด ์ฃผ๋ชฉ์ ์ด๊ณ ๊ฒฐ๊ณผ๋ฌผ์ ์ฌ๋ฌ ๋ฐฉ์์ผ๋ก ๋๊ธฐ๊ณ ์ถ๋ค๋ฉด Magic Patterns๋ฅผ ์ ํํฉ๋๋ค. ๋ด๋ณด๋ธ ๊ฒฐ๊ณผ๋ฌผ์ด ๊ฐ๋ฐ์ ์ถ๋ฐ์ ์ด ๋ ์ ์๋ค๊ณ ํ๋จํ๊ธฐ ์ ์, ๋ค์ ๋ด๋น์๊ฐ ์ง์ ์ด์ด ์ปดํฌ๋ํธ์ ์ ์ฒด์ ์จ๋ณด๋ฉ ์ํ ๋ชจ๋ธ์ ํ์ธํ๊ฒ ํฉ๋๋ค. ๊ณต์ ๊ฐ๋ฅํ ๋ฏธ๋ฆฌ๋ณด๊ธฐ์ ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ ์ฝ๋๋ ์ธ๊ณ ๊ณผ์ ์์ ์๋ก ๋ค๋ฅธ ์ญํ ์ ํฉ๋๋ค.
- ๊ธ๋ก ์ด ์๊ตฌ์ฌํญ๊ณผ ์คํฌ๋ฆฐ์ท ๋งฅ๋ฝ์ ํ๋กํ ํ์ดํ์ ํ์ฉํ ์ ์์ต๋๋ค.
- ์ฌ์ฌ์ฉ ์ปดํฌ๋ํธ, ํ ํฐ, ๋์์ธ ๊ท์น์ ํ๋์ ์์คํ ์ผ๋ก ๋ค๋ฃจ๋ ๋ฐฉ๋ฒ์ด ๋ฌธ์ํ๋์ด ์์ต๋๋ค.
- Starter์ ๋์์ธ๊ณผ ์ฝ๋๋ฅผ ์ธ๊ณํ๋ ์ฌ๋ฌ ๊ฒฝ๋ก๊ฐ ํฌํจ๋ฉ๋๋ค.
- ์ ๋ฌธ ์๊ธ์ ๋ก ๋ชจ๋ ๋ง์ถคํ ์์คํ ๊ฐ์ ธ์ค๊ธฐ ์๋น์ค๋ฅผ ์ด์ฉํ ์ ์๋ค๊ณ ๋ณผ ์๋ ์์ต๋๋ค.
- ์์ฒญ์ ๋ฐ๋ผ ํฌ๋ ๋ง ์ฌ์ฉ๋์ด ๋ฌ๋ผ์ง๋ฏ๋ก, ์ ๊ณต๋์ ์์ฑ ๊ฐ๋ฅํ ํ๋ฆ์ ๊ฐ์๋ก ํ์ฐํ ์ ์์ต๋๋ค.
Magic Patterns์์ ๊ทธ๋๋ก ๋ฐ๋ผ ํ ์ ์๋ ์์ ์ ์ฐจ:
ํ๋กฌํํธ๋ฅผ ์ ๋ ฅํ๊ธฐ ์ ์ ๋ฒ์๋ฅผ ์ ํฉ๋๋ค
๊ธฐ๋ณธ ๋น๊ต์์๋ Northstar ์๊ตฌ์ฌํญ์ ์์ ์์ด ์ฌ์ฉํฉ๋๋ค. ํต๊ณผ ๊ธฐ์ค๊ณผ ํจ๊ป ์ฌ๋ณธ์ ๋ณด๊ดํ๊ณ , ์ค์๋น์ค ์ฐ๋์ ์ ์ธํฉ๋๋ค.
์์คํ ์ผ์น๋๋ ๋ณ๋ ๋จ๊ณ์์ ํ์ธํฉ๋๋ค
์์คํ ํ๊ฐ ๋จ๊ณ์์๋ ๋์๋ณด๋์ Design Systems๋ฅผ ์ด์ด ํด๋น ์์คํ ์ ๋ง๋ค๊ฑฐ๋ ์ ํํฉ๋๋ค. ๊ณ์ ์์ ์ฌ์ฉํ ์ ์๋ ๊ณต์ ๊ฐ์ ธ์ค๊ธฐ ๊ฒฝ๋ก๋ก ์น์ธ๋ ์ปดํฌ๋ํธ, ์์, ๊ท์น์ ์ถ๊ฐํฉ๋๋ค.
์ธํ์ ๋ค๋ฌ๊ธฐ ์ ์ ๋์์ ํ์ธํฉ๋๋ค
์ด๋ฆ๊ณผ ์ด๋ฉ์ผ์ ์ ๋ ฅํ๊ณ ๋ชฉํ๋ฅผ ์ ํํ ๋ค์, ์ด์ ํ๋ฉด์ผ๋ก ๋์๊ฐ๋ค๊ฐ ๊ฒํ ์์ฝ์ ํ์ธํฉ๋๋ค. ๋ฌธ์ ๊ฐ ์๊ธฐ๋ฉด ๋จผ์ ๊ธฐ๋กํ๊ณ , ๊ทธ ๋ถ๋ถ์ ์ง์ ํด ์์ ์์ฒญ์ ํฉ๋๋ค.
๋ค์ ๋ด๋น์์ ์ธ๊ณ ๊ฒฐ๊ณผ๋ฌผ์ ํ์ธํฉ๋๋ค
์ค์ ๊ฒํ ์์ ์ ์ฅ์์ ๊ณต์ ๋ฏธ๋ฆฌ๋ณด๊ธฐ๋ฅผ ์ฝ๋๋ค. ์ด์ด์ ํ์ํ Figma ๋๋ ์ฝ๋ ์ธ๊ณ ๊ฒฝ๋ก๋ฅผ ์ฌ์ฉํ๊ณ , ๋ค์ ๋ด๋น์๊ฐ ์์ ์ ๊ณ์ํ ์ ์๋์ง ํ์ธํฉ๋๋ค.
2. Figma Make: ๊ธฐ์กด ๋์์ธ ๋งฅ๋ฝ์ด Figma์ ์์ ๋
Figma Make๋ ์์ด๋์ด์ ๊ธฐ์กด ๋์์ธ์ ์ธํฐ๋ํฐ๋ธ ๊ฒฝํ์ผ๋ก ๋ฐ๊พธ๋ Figma์ ํ๋กฌํํธ ๊ธฐ๋ฐ ์ฑ ์ ์ ํด์ ๋๋ค. ๋์์ด๋๊ฐ ์ด๋ฏธ ์น์ธ๋ ํ๋ ์์ ๊ฐ๊ณ ์๊ณ , ํ์ด ๊ทธ ์์ ๋ฌผ์ ์ค์ฌ์ผ๋ก ํ๋กํ ํ์ ์ ๋ ผ์ํ๋ ค ํ๋ค๋ฉด ์์ฐ์ค๋ฌ์ด ์ฒซ ํ๋ณด์ ๋๋ค. Make๋ ๊ธฐ์กด ๋์์ธ๊ณผ ์ปดํฌ๋ํธ๋ฅผ ๋งฅ๋ฝ์ผ๋ก ๋ฐ์๋ค์ด๋ฉฐ, ๋ฏธ๋ฆฌ๋ณด๊ธฐ๋ฅผ ๊ณต์ ํ๊ณ ์ ์ฉ URL๋ก ๊ฒ์ํ ์ ์์ต๋๋ค. Figma Make ์ดํด๋ณด๊ธฐ.
์ถ์ฒ ๋์: ์น์ธ๋ UI ์์
๋ฌผ์ด ์ด๋ฏธ Figma์ ์๋ ๋์์ด๋์ ํ๋ก๋ํธ ๋งค๋์ ์
๋๋ค.
์ฃผ์ ํน์ง: Make kits๋ ์ฝ๋ ํจํค์ง, ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์คํ์ผ, ๊ธ๋ก ์์ฑํ ์ฌ์ฉ ๊ท์น์ ๋ฌถ์ต๋๋ค.
๊ฐ๊ฒฉ: Professional์ Full ์ข์์ ์ $16๋ถํฐ์ด๋ฉฐ, ์ฐ๊ฐ ๊ฒฐ์ ๊ธฐ์ค์
๋๋ค. ๊ณต์ ๊ฐ๊ฒฉ ์๋ด.
๋ฌด๋ฃ ์ด์ฉ: Starter์์ ์ ํ์ ์ผ๋ก ์ด์ฉํ ์ ์์ต๋๋ค. Make kits๋ฅผ ์ฌ์ฉํ๋ ค๋ฉด ์ ๋ฃ ์๊ธ์ ์ Full ์ข์์ด ํ์ํฉ๋๋ค.
๊ณตํต ์๊ตฌ์ฌํญ ์ ์ฉ ๋ฐฉ๋ฒ. ์ฒซ ์์ฑ์๋ ๋์ผํ ํ ์คํธ๋ฅผ ์ฌ์ฉํฉ๋๋ค. ๋ณ๋์ ์ผ์น๋ ํ๊ฐ ๋จ๊ณ์์ ์น์ธ๋ ์จ๋ณด๋ฉ ํ๋ ์์ ์ฒจ๋ถํ๊ณ Add context์์ ํด๋น Make kit๋ฅผ ์ ํํฉ๋๋ค. ํ๋ ์์ ์ธํฐํ์ด์ค๊ฐ ์ด๋ป๊ฒ ๋ณด์ฌ์ผ ํ๋์ง๋ฅผ ์ ๋ฌํฉ๋๋ค. ์ฐธ์ฌ์๊ฐ ์ ํ์ ๋ฐ๊พธ๊ฑฐ๋ ์๋ชป๋ ์ด๋ฉ์ผ ์ฃผ์๋ฅผ ์ ๋ ฅํ์ ๋ ์ด๋ป๊ฒ ๋์ํด์ผ ํ๋์ง๋ ์ฌ์ ํ ์๊ตฌ์ฌํญ์ ์ค๋ช ํด์ผ ํฉ๋๋ค.
Make kit๋ npm ์ฝ๋ ๋ชจ๋, ๊ฒ์๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋ณ์์ ์คํ์ผ, ์ฌ์ฉ ๋ฐฉ๋ฒ์ ์ค๋ช ํ๋ ์ง์นจ์ ๋ฌถ์ ๊ฒ์ ๋๋ค. npm ํจํค์ง๋ ์ค์ ์ ๋ ฅ ํ๋์ ๋ฒํผ ์ปดํฌ๋ํธ์ฒ๋ผ ๋ฐฐํฌ ๊ฐ๋ฅํ ์ฝ๋ ๋ฌถ์์ ๋๋ค. ์ด๋ฅผ ๋ฐํ์ผ๋ก ์์คํ ํ๊ฐ์์๋ ํ๋กํ ํ์ ์ด ์๋ํ ๊ตฌ์ฑ ์์์ ์ํ๋ฅผ ์ฌ์ฉํ๋์ง ํ์ธํ ์ ์์ต๋๋ค. Make kit ๋ฌธ์.
Figma๋ ์ ํํ ์ฌํ์ ์ฝ์ํ๊ธฐ ์ ์ ํ์ธํด์ผ ํ ํ๊ณ๋ ๋ช ์ํฉ๋๋ค. ๋ผ์ด๋ธ๋ฌ๋ฆฌ์์ ์ถ์ถํ ์คํ์ผ์ ์ผ๋ถ ๋ณ์์ ์์ CSS ๊ฐ์ ์ฌ์ฉํ๋ฉฐ, ์๋ณธ์ ๋ชจ๋ ๋ณ์ ํํ์์ ์ ์งํ์ง๋ ์์ต๋๋ค. CSS๋ ์ธํ์ ๊ฒฐ์ ํ๋ ์คํ์ผ ์ฝ๋์ ๋๋ค. ๊ธฐ๋ณธ ๋ฒํผ์ด ๊ฐ์ ๋ณด์ธ๋ค๊ณ ํด์ ํ ๋ง๋ณ ์ํ๋ ์กฐ๊ฑด์ ๋ฐ๋ฅธ ์ํ๊น์ง ๋ชจ๋ ์ ์ง๋์๋ค๊ณ ๋ณผ ์๋ ์์ต๋๋ค.
Northstar์์๋ ์ ํ๋ ๋ชฉํ, ๊ณ์ ๋์, ์๋ชป๋ ์ด๋ฉ์ผ์ ์ค๋ฅ, ํค๋ณด๋ ํฌ์ปค์ค๋ฅผ ํ์ธํฉ๋๋ค. ๊ฒ์ผ๋ก๋ ์ถฉ์คํ๊ฒ ์ฌํ๋ ๋์์ธ๋ ์ด๋ฐ ์์ ๋ถ๋ถ์์ ์ ํ ๊ท์น๊ณผ ๋ฌ๋ผ์ง ์ ์์ต๋๋ค. ๋น ์ง ์ํ ์ง์นจ์ kit์ ๊ฐ์ด๋๋ผ์ธ์ ์ถ๊ฐํด ์์๋ฟ ์๋๋ผ ๋์๊น์ง ๋งฅ๋ฝ์ ๋ด์ต๋๋ค.
์ํฉ๋ณ ์์ ์ ๊ฒ: ํผ์ ๋ ์ด์์์ ๋ง์ง๋ง ์ค๋ฅ ๋ฉ์์ง ์คํ์ผ์ ์์๋ก ๋ง๋ค์๋ค๋ฉด, kit์ ์ ๋ ฅ ํ๋ ๊ท์น์ ์ฐธ์กฐํด ๊ทธ ์ํ๋ง ๋ฐ๊พธ๋๋ก ์์ฒญํฉ๋๋ค. ๋ฆฌ์์น ์ง๋ฌธ์ด ์ค๋ฅ๋ฅผ ์ดํดํ๊ณ ์์ ํ ์ ์๋์ง์ ๊ดํ ๊ฒ์ด๋ผ๋ฉด ํ์ด์ง ์ ์ฒด๋ฅผ ๋ค์ ๋์์ธํ ํ์๋ ์์ต๋๋ค.
์ธ๊ณ ๊ธฐ์ค: Figma Make๋ ๋์์ธ ๊ฒํ ๊ฐ ์ค์ฌ์ธ ์ํฌํ๋ก์ ์ด์ธ๋ฆฝ๋๋ค. ์ ํ ํ์ด์ง๋ ์ฝ๋๋ก ๊ตฌ๋๋๋ฉด์ ์๊ฐ์ ์ผ๋ก ํธ์งํ ์ ์๋ ์์ ๋ฌผ๊ณผ Figma ์บ๋ฒ์ค๋ก ์ฝํ ์ธ ๋ฅผ ๋ณต์ฌํ๋ ๊ธฐ๋ฅ์ ์ค๋ช ํฉ๋๋ค. ๊ฐ๋ฐํ์ ์ด๋ค ๊ฒฐ๊ณผ๋ฌผ์ ์ ๋ฌํ ์ง ์ ํ๊ณ , ๋ฐ๋ก ๊ทธ ๊ฒฐ๊ณผ๋ฌผ์ ํจ๊ป ์ด์ด ๋ด ๋๋ค. ๊ฐ์ ํ์ด์ง์์ ๋ก์ปฌ ์ฝ๋๋ฒ ์ด์ค ์์ ์ โ์ถ์ ์์ โ์ผ๋ก ํ์ํ๋ฏ๋ก, ํ์ฌ ์ด์ฉํ ์ํฌํ๋ก๋ฅผ ๊ตฌ๋งคํ ๊ทผ๊ฑฐ๋ก ์ผ์ ์๋ ์์ต๋๋ค. Figma Make ์ ํ ํ์ด์ง.
๋ ๋์ ์ํฌํ๋ก๋ Figma Make ๋ฆฌ๋ทฐ์์ ๋ค๋ฃน๋๋ค. ์ด ๊ธ์ ๋ฒ์์์๋ ํ์ด ์ด๋ฏธ ๊ด๋ฆฌํ๋ ๋งฅ๋ฝ์ ํ์ฉํ๊ณ , ๊ทธ ๋งฅ๋ฝ์ ๋น์ถ์ด ํ๋กํ ํ์ ์ ํ์ธํ ์ ์๋ค๋ ์ ์ด ์ ํ ์ด์ ์ ๋๋ค.
- ๊ธฐ์กด Figma ๋์์ธ๊ณผ ์ปดํฌ๋ํธ๋ฅผ ํ๋กฌํํธ์ ์ง์ ๋ฃ์ ์ ์์ต๋๋ค.
- Make kits๋ ์ฝ๋, ์คํ์ผ ๋งฅ๋ฝ, ๊ฐ์ด๋๋ผ์ธ์ ํจ๊ป ๋ฌถ์ต๋๋ค.
- ์ธํฐ๋ํฐ๋ธ ๋ฏธ๋ฆฌ๋ณด๊ธฐ์ ๊ฒ์๋ URL๋ก ๊ฒฐ๊ณผ๋ฌผ์ ๊ฒํ ํ ์ ์์ต๋๋ค.
- kit๋ฅผ ์จ์ ํ ํ์ฉํ๋ ์ํฌํ๋ก์๋ ์ ๋ฃ Full ์ข์์ด ํ์ํฉ๋๋ค.
- ์ถ์ถํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋ณ์๋ ์ํ ๊ทธ๋๋ก ๋ณด์กด๋์ง ์๊ณ ๋จ์ํ๋ฉ๋๋ค.
- kit์ ์คํ์ผ ๋ณ๊ฒฝ์ด ์๋ณธ Figma Design ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ์๋์ผ๋ก ๋ฐ์๋์ง๋ ์์ต๋๋ค.
3. v0: ๋ค์ ๋ด๋น์๊ฐ ์ฝ๋ ์ ์ฅ์์์ ์ด์ด์ ์์ ํ ๋
v0๋ Vercel์ AI ์ฑ ์ ์ ํ๊ฒฝ์ผ๋ก, ๋์์ธ ๊ฐ์ ธ์ค๊ธฐ์ GitHub ์ํฌํ๋ก๊ฐ ๋ฌธ์ํ๋์ด ์์ต๋๋ค. ํ๋กํ ํ์ ์ ์ด๊ธฐ ๊ตฌํ๋ฌผ๋ก ์ผ์ ๊ฐ๋ฐ์๊ฐ ์ฝ๋๋ฅผ ์ดํด๋ณด๊ณ ์ด์ด์ ๊ฐ๋ฐํ๋ ค ํ๋ค๋ฉด, ์ด ๋ชฉ๋ก์์ ๊ฐ์ฅ ์ ๋ง๋ ํ๋ณด์ ๋๋ค. GitHub ์ฐ๋์ ์ฝ๋๋ฅผ ์ ์ฅ์์ ๋ณด๊ดํ๊ณ ๋ธ๋์น์ ํ ๋ฆฌํ์คํธ๋ฅผ ํตํด ์์ ํ๋ฏ๋ก, ์ธ๊ณํ ๋ชฉ์ ์ง๊ฐ ๋ช ํํฉ๋๋ค. v0 GitHub ๋ฌธ์.
์ถ์ฒ ๋์: ํ๋กํ ํ์
์ ์ฝ๋๋ฅผ ์ด์ด์ ๊ฐ๋ฐํ๋ ค๋ ๊ฐ๋ฐ์์ ํ์
ํ๋ ์ฐฝ์
์๋ ๋์์ด๋์
๋๋ค.
์ฃผ์ ํน์ง: ์ฌ๋ฌ Figma ํ๋ ์์ ๋งฅ๋ฝ, ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ ๋์์ธ ์์คํ
์ค์ , ์ ์ฅ์๋ฅผ ํตํ ์ธ๊ณ๋ฅผ ์ง์ํฉ๋๋ค.
๊ฐ๊ฒฉ: Plus๋ ์ฌ์ฉ์๋น ์ $30๋ถํฐ์
๋๋ค. ๊ณต์ ๊ฐ๊ฒฉ ์๋ด.
๋ฌด๋ฃ ์ด์ฉ: ์ผ์ผ ๋ฉ์์ง ํ๋๊ฐ ์๋ Free ์๊ธ์ ๋ฅผ ์ ๊ณตํฉ๋๋ค.
๊ณตํต ์๊ตฌ์ฌํญ ์ ์ฉ ๋ฐฉ๋ฒ. ๋ก์ปฌ ์ํ๋ฅผ ์ฌ์ฉํ๋, ๋ฒ์๊ฐ ์ ํ๋ ์จ๋ณด๋ฉ ํ๋ฆ์ ์์ฒญํฉ๋๋ค. ๋ฐ์ดํฐ๋ฅผ ๋ก์ปฌ์ ์ ์งํ๋ฉด ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ฅผ ์ค์ ํ์ง ์๊ณ ๋ ์ธ์ ์ค ๋ธ๋ผ์ฐ์ ๊ฐ ๊ฐ์ ๊ธฐ์ตํ ์ ์์ต๋๋ค. ๊ฐ๋ฐ์๋ ์ด๋ฆ, ์ด๋ฉ์ผ, ๋ชฉํ๊ฐ ์ด๋์ ์ ์ฅ๋๋์ง, ๋ค๋กยท์๋ฃยท์ฒ์๋ถํฐ๊ฐ ๊ทธ ๊ฐ์ ์ด๋ค ์ํฅ์ ์ฃผ๋์ง ์ถ์ ํ ์ ์์ด์ผ ํฉ๋๋ค.
์ผ์น๋ ํ๊ฐ์์๋ v0์ ํํ Figma ์ฐ๋์ผ๋ก ์ฌ๋ฌ ํ๋ ์์ ์ฝ๊ณ ๋ ์ด์์, ํ ์คํธ, ํ ํฐ, ์์ ์ ํ์ฉํด ํ๋ฆ์ ๋ง๋ค ์ ์์ต๋๋ค. ์ด ์ฐ๋์๋ ์ ๋ฃ v0 ์๊ธ์ ๊ฐ ํ์ํฉ๋๋ค. ์คํฌ๋ฆฐ์ท์ ์ธํ์ ์ ๋ฌํ๊ณ , ์ฐ๊ฒฐ๋ ๋์์ธ ํ์ผ์ ์ฌ๊ธฐ์ ๊ตฌ์กฐ์ ๋งฅ๋ฝ์ ๋ํฉ๋๋ค. v0 Figma ๋ฌธ์.
ํ์ฌ ์์คํ ์ํฌํ๋ก๋ Design Systems 2.0์ ๋๋ค. v0๊ฐ ์ฌ์ฉํด์ผ ํ ์ค์ ์ปดํฌ๋ํธ, ์์ฑ, ํ ํฐ, ์ค์ ์ ์ค๋ช ํ๋ ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ ์คํฌ์ ์ ์ฅํฉ๋๋ค. ์์ค ์ ์ฅ์, ์ค์น ๊ฐ๋ฅํ ํจํค์ง, ํด๋น ํจํค์ง๋ฅผ ์ด๋ฏธ ์ฌ์ฉํ๋ ์ฑ, Figma ๋ ํผ๋ฐ์ค, ๋ฌธ์๋ฅผ ์ ๊ณตํ ์ ์์ต๋๋ค. v0๋ ์์คํ ์ ์ ์ฅํ๊ธฐ ์ ์ ๊ฒํ ์ฉ ์คํํฐ๋ฅผ ๋ง๋ญ๋๋ค. Design Systems 2.0 ๋ฌธ์.
์ด ์คํํฐ ๊ฒํ ์ ์ฃผ์๋ฅผ ๊ธฐ์ธ์ฌ์ผ ํฉ๋๋ค. ์ปดํฌ๋ํธ ํจํค์ง์ ์ปจํธ๋กค์ด ์ฌ๋ฐ๋ฅด๊ฒ ๋ณด์ด๋ ค๋ฉด ํ ๋ง ํ๋ก๋ฐ์ด๋, ๊ธ๊ผด, ์ ์ญ ์คํ์ผ์ด ํ์ํ ์ ์์ต๋๋ค. ์์ ์ฑ์ ์ด ์์๋ค์ด ํจ๊ป ์ด๋ป๊ฒ ์๋ํ๋์ง ๋ณด์ฌ ์ค๋๋ค. ์คํํฐ๋ถํฐ ์๋ชป๋ ์ํ์์ ์ ์ฒด ์จ๋ณด๋ฉ ํ๋ฆ์ ์ถ๊ฐํ๋ฉด ์์ธ์ ์ฐพ๊ธฐ ์ด๋ ค์์ง๋๋ค. ๊ทธ๊ฒ๋ง์ผ๋ก ํด์ด ๋ถ์ ํฉํ๋ค๊ณ ํ๋จํ ์๋ ์์ต๋๋ค.
์ํฉ๋ณ ์์ ์ ๊ฒ: ์์ฑ๋ ๋ชฉํ ์ ํ UI๊ฐ ๋์ฒด ์ปจํธ๋กค์ ์ฌ์ฉํ๋ค๋ฉด, ์น์ธ๋ ์ปดํฌ๋ํธ์ ํ์ฉ๋๋ ๋ณํ์ ์ง์ ํฉ๋๋ค. ๋ค๋ก๋ฅผ ๋๋ ์ ๋ ๊ฐ์ด ์ฌ๋ผ์ง๋ค๋ฉด ์ํ ๋ชจ๋ธ์ ๋ณ๋๋ก ์์ ํฉ๋๋ค. ์ด๋ ๊ฒ ํด์ผ ์์คํ ์ผ์น๋ ๋ฌธ์ ์ ํ๋ฉด ์ด๋ ๋ฌธ์ ๋ฅผ ํผ๋ํ์ง ์์ต๋๋ค.
์ธ๊ณ ๊ธฐ์ค: ์ฌ๊ธฐ์ v0์ ์ฅ์ ์ ํ์ ์์ ๊ฒฝ๋ก๊ฐ ๋ฌธ์ํ๋์ด ์๋ค๋ ์ ์ ๋๋ค. ๊ฐ๋ฐํ์ ํ๋กํ ํ์ ๋ธ๋์น๋ฅผ ๊ฒํ ํ๊ณ , ๋ชจ์ ๋ฐ์ดํฐ์ ์ญํ ์ ์ค๋ช ํ๋ฉฐ, ๋จ๊ฒจ ์ธ ๋งํ ๋ถ๋ถ์ ํ์ธํด ๋ฌ๋ผ๊ณ ์์ฒญํฉ๋๋ค. ์ ์ฅ์๋ ์ด๋ฐ ๊ฒํ ๋ฅผ ๊ฐ๋ฅํ๊ฒ ํ์ง๋ง, ์์ฑ๋ ์ฝ๋๊ฐ ์ด๋ฏธ ์ค์๋น์ค ๊ธฐ์ค์ ์ถฉ์กฑํ๋ค๋ ์ธ์ฆ์ ์๋๋๋ค.
๋ค์ ๋จ๊ณ์ ๊ฐ๋ฐ์๊ฐ ์ฐธ์ฌํ์ง ์๋ ํ์ด๋ผ๋ฉด ์ ์ฅ์ ์ธ๊ณ๊ฐ ๋น์ฅ์ ์ฌ์ฉ์ ์ธ์ ์ ์ฃผ๋ ์ด์ ์ ํฌ์ง ์์ ์ ์์ต๋๋ค. ๊ทธ๋ฐ ๊ฒฝ์ฐ์๋ ๊ฒํ ์ ์ธํฐ๋์ ์๊ตฌ๋ฅผ ์ฐ์ ํฉ๋๋ค. ๋ ๋์ ์ธ๊ณ ์ ํ์ง๋ ๋์์ธ์ ์ฝ๋๋ก ์ ํํ๋ v0 ๋์ ๋น๊ต์์ ๋ค๋ฃน๋๋ค.
- GitHub ๋ธ๋์น์ ํ ๋ฆฌํ์คํธ๋ก ๊ฐ๋ฐํ์ด ์ด์ด์ ์์ ํ ๊ฒฝ๋ก๋ฅผ ๋ช ํํ ํ ์ ์์ต๋๋ค.
- ์ ๋ฃ Figma ์ฐ๋์ ์ฌ๋ฌ ํ๋ ์์ ํ๋์ ํ๋ฆ์ ํ์ฉํ ์ ์์ต๋๋ค.
- ํํ ๋์์ธ ์์คํ ๊ฐ์ ธ์ค๊ธฐ์ ์ค์ ํจํค์ง์ ์ด๋ฅผ ์ฌ์ฉํ๋ ๋์ ๊ฐ๋ฅํ ์ฑ์ ํฌํจํ ์ ์์ต๋๋ค.
- Figma ์ง์ ์ฐ๋์ ์ ๋ฃ ์๊ธ์ ๊ธฐ๋ฅ์ ๋๋ค.
- ๋น๊ณต๊ฐ ํจํค์ง๋ฅผ ๊ฐ์ ธ์ค๋ ค๋ฉด ํด๋น ํจํค์ง์ ๋ํ ์ธ์ฆ ์ ๋ณด๊ฐ ํ์ํฉ๋๋ค.
- ํ๋กํ ํ์ ์ ๋ง๋ค๊ธฐ ์ ์ ์ฌ์ฌ์ฉ ์์คํ ์ ์ค๋นํ๋ ์ถ๊ฐ ์ค์ ์ด ํ์ํฉ๋๋ค.
4. Lovable: ์ ๋ ฅ๊ฐ๊ณผ ์ ํ ์ํ์ ์ค์ ๋์์ ๊ฒ์ฆํด์ผ ํ ๋
Lovable์ ๋์์ธ ์์คํ ๊ณผ ์ฝ๋ ๋๊ธฐํ ๊ฒฝ๋ก๋ฅผ ๋ฌธ์๋ก ์ ๊ณตํ๋ ๋ํํ ์น ์ฑ ๋น๋์ ๋๋ค. ์ ๋ ฅ์ ๋ฐ๊ณ , ์ ํ์ ๊ธฐ์ตํ๋ฉฐ, ์ฌ์ฉ์๋ณ ๊ฒํ ๋ด์ฉ์ ๋ณด์ฌ ์ฃผ๋ ์์ ์ฑ์ฒ๋ผ ๋์ํด์ผ ํ ๋ ํ๋ณด์ ๋ฃ์ ๋งํฉ๋๋ค. ์๊ตฌ์ฌํญ์ ๋ฒ์๋ ์ข๊ฒ ์ ์งํฉ๋๋ค. ์ฑ์ ๋ง๋ค ์ ์๋ ์ ํ์ด๋ผ๋, ํ๋กํ ํ์ ์์ ์ด๋ค ์ฑ ๊ธฐ๋ฅ์ ๋นผ์ผ ํ๋์ง๋ ๋ฐ๋ก ์ง์ํด์ผ ํฉ๋๋ค.
์ถ์ฒ ๋์: ์ค์ ๋ก ๋์ํ๋ ์น ํ๋ฆ ์๋ฎฌ๋ ์ด์
์ด ํ์ํ ์ฐฝ์
์๋ ํ๋ก๋ํธ ๋งค๋์ ์
๋๋ค.
์ฃผ์ ํน์ง: ์ ๋ฃ ์๊ธ์ ์์ React ๋์์ธ ์์คํ
์ ์ง์ํ๋ฉฐ, ์ค์ ๋ฐ ๊ท์น ์ค์ ์ ๊ฒ ๋ฐฉ๋ฒ์ ๋ช
์ํฉ๋๋ค.
๊ฐ๊ฒฉ: ์
๋ฌธ์ฉ ์ํฌ์คํ์ด์ค ์๊ธ์ ์ธ Pro๋ ์ $25๋ถํฐ์
๋๋ค. ๊ณต์ ๊ฐ๊ฒฉ ์๋ด.
๋ฌด๋ฃ ์ด์ฉ: ๋น๋ ํฌ๋ ๋ง์ด ์ ํ๋ Free ์๊ธ์ ๊ฐ ์์ต๋๋ค.
๊ณตํต ์๊ตฌ์ฌํญ ์ ์ฉ ๋ฐฉ๋ฒ. Northstar์ ์ด๋ฆยท์ด๋ฉ์ผ ์ ๋ ฅ, ํ๋์ ๋ชฉํ ์ ํ, ํด๋น ๊ฐ๊ณผ ์ฐ๊ฒฐ๋ ๊ฒํ ํ๋ฉด์ ์์ฒญํฉ๋๋ค. ์ฐธ์ฌ์๊ฐ ๋ชฉํ๋ฅผ โ๋๋ฌ๋ณด๊ธฐโ์์ โํ๋ก์ ํธ ๊ณํโ์ผ๋ก ๋ฐ๊พธ๋ฉด ๊ฒํ ํ๋ฉด์๋ ๋ฐ์๋์ด์ผ ํฉ๋๋ค. ์ด๊ฒ์ด ํ ์คํธํ ๋์์ด๋ฉฐ, ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ฅผ ์ฐ๊ฒฐํ๋ค๊ณ ์ด ์ง๋ฌธ์ ๋ ์ ๊ฒ์ฆํ ์ ์๋ ๊ฒ์ ์๋๋๋ค.
Lovable์ ํํ ๋์์ธ ์์คํ ์ ์ ๋ฃ ์๊ธ์ ์์ ์ ๊ณต๋๋ฉฐ, ์น ์ธํฐํ์ด์ค์ ์ฌ์ฌ์ฉ ๊ตฌ์ฑ ์์์ธ React ์ปดํฌ๋ํธ๋ฅผ ๊ธฐ๋ณธ์ผ๋ก ์ง์ํฉ๋๋ค. ๋์์ธ ์์คํ ์ ๋ณ๋ ํ๋ก์ ํธ์ ์กด์ฌํฉ๋๋ค. ์ด๋ฅผ ์ฐ๊ฒฐํ๋ฉด ์ปดํฌ๋ํธ์ ๊ท์น์ด ํ๋กํ ํ์ ํ๋ก์ ํธ๋ก ๋ณต์ฌ๋๊ณ , ํ์ํ ์์กด์ฑ๋ ํจ๊ป ์ถ๊ฐ๋ฉ๋๋ค. ๋ฌธ์๋ ์ค์ ๊ฒ์ฆ๊ณผ ๊ท์น ์ดํ ์ ๊ฒ์ ์ค๋ช ํ๋ฉฐ, ์ง์ ์ง์ ํ ์์ ๊ฐ์ด๋ ๊ฐ๋ณ ์ ์ ์ปดํฌ๋ํธ ๋ฑ์ ์ ๊ฒ ๋์์ผ๋ก ๋ญ๋๋ค. ์ด๋ ๋ฌธ์์ ๋ช ์๋ ์๋ ๋ฐฉ์์ด์ง, ์ด๋ฒ ๊ฒํ ์์ ์๋ฒฝํ ์ค์๋ฅผ ๊ด์ฐฐํ๋ค๋ ๋ป์ ์๋๋๋ค. Lovable ๋์์ธ ์์คํ ๋ฌธ์.
๊ธฐ์กด ์ ํ์ ์ด์ํ๋ ํ์ ์ค์ํ ์ฐจ์ด๋ฅผ ์์์ผ ํฉ๋๋ค. ๊ธฐ์กด npm ํจํค์ง๋ฅผ ๋์์ธ ์์คํ ์ผ๋ก ๊ฐ์ธ ์ฌ์ฉํ๋ ๋ฐฉ์์ Enterprise ์ ์ฉ์ ๋๋ค. ์ ๋ฌธ ์ ๋ฃ ์๊ธ์ ์ โ๋์์ธ ์์คํ ํฌํจโ์ด๋ผ๊ณ ๋์ด ์์ด๋, ํ์ฌ ์ค์๋น์ค ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๊ฐ์ ธ์ค๋ ๋ชจ๋ ๋ฐฉ์์ด ํฌํจ๋๋ค๋ ๋ป์ ์๋๋๋ค.
์ ๋ฐ์ดํธ์ ๋ด๋น์๋ ๋ช ํํด์ผ ํฉ๋๋ค. ์ฐ๊ฒฐ๋ ํ๋ก์ ํธ์์ ๋์์ธ ์์คํ ์ ๋ฐ์ดํธ๋ฅผ ์๋ฝํ๋ฉด, ๊ทธ ์์คํ ์ ์ํ ๋ก์ปฌ ํ์ผ์ด ๊ต์ฒด๋ฉ๋๋ค. ๋ฒํผ ๋์์ ์๊ตฌ์ ์ผ๋ก ๋ฐ๊ฟ์ผ ํ๋ค๋ฉด ๋ค์ ์ ๋ฐ์ดํธ์์ ๋ฎ์ด์จ์ง ๋ก์ปฌ ์์ ์ ๊ธฐ๋์ง ๋ง๊ณ ์์คํ ์์ฒด๋ฅผ ์์ ํฉ๋๋ค.
์ํฉ๋ณ ์์ ์ ๊ฒ: ํผ์ ์๋ํ์ง๋ง ์ ํ๋ ๋ชฉํ๊ฐ ๋ณ๋๋ก ๋ง๋ ์นด๋์ฒ๋ผ ๋ณด์ธ๋ค๋ฉด, ์น์ธ๋ ์ ํ ์ปดํฌ๋ํธ๋ก ๋ฐ๊พธ๋๋ก ์์ฒญํฉ๋๋ค. ์์คํ ์ ๋ฐ์ดํธ๊ฐ ๋ก์ปฌ ์คํ์ผ ์์ ์ ๋ฎ์ด์ด๋ค๋ฉด ์์ ๋ด์ฉ์ ์๋ณธ ์์คํ ์ผ๋ก ์ฎ๊น๋๋ค. ์ ํ ๋ก์ง ์์ ๊ณผ ๊ณต์ฉ ์ปดํฌ๋ํธ ์ ์ง๋ณด์๋ ์๋ก ๋ค๋ฅธ ์ฌ์์ ์ผ๋ก ๊ธฐ๋กํฉ๋๋ค.
์ธ๊ณ ๊ธฐ์ค: Lovable ๋ฌธ์๋ GitHub๋ก ํ๋ก์ ํธ ์ฝ๋๋ฅผ ๋ด๋ณด๋ด๊ณ ๋๊ธฐํํ๋ ๋ฐฉ๋ฒ์ ์ค๋ช ํ๋ฉฐ, ์๋ฐฉํฅ ๋๊ธฐํ๋ ํฌํจํฉ๋๋ค. ์ธ๊ณ๋ฐ๋ ๊ฐ๋ฐ์๋ ์ด๋ค ๋์์ด ์๋ฎฌ๋ ์ด์ ์ธ์ง, ์ด๋ค ์ปดํฌ๋ํธ ํ์ผ์ด ์์คํ ์์ ์จ ๊ฒ์ธ์ง ์ ์ ์งง์ ๋ฉ๋ชจ์ ํจ๊ป ํ๋ก์ ํธ๋ฅผ ๊ฒํ ํด์ผ ํฉ๋๋ค. Lovable GitHub ๋ฌธ์.
ํ ์คํธ๋ง ๋ณด์ฌ ์ฃผ๋ ๋จ์ํ ๋ฐ๋ชจ๋ผ๋ฉด ์ถ๊ฐ ์์คํ ์ค์ ์ด ํ์ํ์ง ์์ ์ ์์ต๋๋ค. ๋ฐ๋ฉด ์ฑ์ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๊ฐ์ถ ๊ธฐ์กด ์ ํ์๋ ํ์ํฉ๋๋ค. ์คํฌ๋ฆฐ์ท๊ณผ ๋น์ทํ๋ค๊ณ ์ ์ง๋ณด์ ๊ฐ๋ฅํ ๊ตฌํ์ด๋ผ๊ณ ๊ฐ์ ํ์ง ๋ง๊ณ , ํ๋กํ ํ์ ์ด ํด๋น ์ ํ๊ณผ ์ด๋ค ๊ด๊ณ์ธ์ง์ ๋ฐ๋ผ ๊ฒฝ๋ก๋ฅผ ์ ํํฉ๋๋ค.
- ์ฑ ์ ์ ์ํฌํ๋ก์ ๋ฒ์๋ฅผ ๋ก์ปฌ ์ํ๋ฅผ ์ฌ์ฉํ๋ ํผ ๊ธฐ๋ฐ ํ๋กํ ํ์ ์ผ๋ก ์ ํํ ์ ์์ต๋๋ค.
- ์ ๋ฃ ์๊ธ์ ์ ๊ธฐ๋ณธ React ๋์์ธ ์์คํ ๊ณผ ๊ท์น ์ค์ ์ ๊ฒ์ด ๋ฌธ์ํ๋์ด ์์ต๋๋ค.
- GitHub ๋ด๋ณด๋ด๊ธฐ์ ๋๊ธฐํ๋ก ํ์ ๊ฐ๋ฐ์ ์ด์ด ๊ฐ ์ ์์ต๋๋ค.
- ๊ธฐ์กด npm ํจํค์ง๋ฅผ ๊ฐ์ธ ์ฌ์ฉํ๋ ๋ฐฉ์์๋ Enterprise๊ฐ ํ์ํฉ๋๋ค.
- ์์คํ ์ ๋ฐ์ดํธ๋ฅผ ์๋ฝํ๋ฉด ์์คํ ํ์ผ์ ๋ก์ปฌ ์ฌ๋ณธ์ด ๊ต์ฒด๋ฉ๋๋ค.
- ๋น๋, ํธ์คํ , ์ฑ ๋ด AI ์ฌ์ฉ์๋ ํฌ๋ ๋ง ๋ชจ๋ธ์ด ์ ์ฉ๋๋ฉฐ, ํ๋กํ ํ์ ๋น ๊ณ ์ ๊ฐ๊ฒฉ์ด ์๋๋๋ค.
5. Google Stitch: ํ๋ฉด์ ์ฐ๊ฒฐํ๋ฉฐ UI ๋์์ธ ๋ฐฉํฅ์ ํ์ํ ๋
Google Stitch๋ ํ๋กฌํํธ, ์ค์ผ์น, ์คํฌ๋ฆฐ์ท์ ์ธํฐํ์ด์ค ๋์์ธ์ผ๋ก ๋ฐ๊พธ๋ Google Labs์ AI ๋์์ธ ์บ๋ฒ์ค์ ๋๋ค. Google ๋ฌธ์๋ ์ธํฐ๋์ ํซ์คํฟ์ผ๋ก ๊ด๋ จ ํ๋ฉด์ ์ฐ๊ฒฐํ๋ ๊ธฐ๋ฅ๊ณผ Figma ๋ฐ ์ฝ๋ ๋ด๋ณด๋ด๊ธฐ๋ฅผ ์ค๋ช ํฉ๋๋ค. ๋จผ์ ๊ฒ์ฆํ ์ง๋ฌธ์ด ํ๋ฉด ์์, ์ ๋ณด, ์๊ฐ์ ๋ฐฉํฅ์ ๊ดํ ๊ฒ์ด๋ผ๋ฉด ์ ํฉํ ํ๋ณด์ ๋๋ค. ๋ค๋ง ํด๋ฆญํ ๊ฒฐ๊ณผ๋ฌผ์ ๋ด๋ณด๋ผ ์ ์๋ค๋ ์ฌ์ค๋ง์ผ๋ก Northstar ์๊ตฌ์ฌํญ์ ๋ชจ๋ ํผ ์ํ๊ฐ ๊ตฌํ๋๋ค๊ณ ๋ณผ ์๋ ์์ต๋๋ค. Stitch ๊ณต์ ์ ํ FAQ.
์ถ์ฒ ๋์: ์ด๊ธฐ ์ฌ์ฉ์ ์ฌ์ ์์ ํ๋ฉด ๋ฐฉํฅ๊ณผ ์์๋ฅผ ํ์ํ๋ ์์
์
๋๋ค.
์ฃผ์ ํน์ง: ์ฌ๋ฌ ํ๋ฉด์ ํซ์คํฟ์ผ๋ก ์ฐ๊ฒฐํ ํ๋กํ ํ์
๊ณผ DESIGN.md๋ฅผ ํตํ ๋์์ธ ๊ท์น์ ์ด๋์
๋๋ค.
๊ฐ๊ฒฉ: Google์ ๊ณต์ ๋น์ฉ FAQ์์ Stitch๊ฐ ํ์ฌ ๋ฌด๋ฃ๋ผ๊ณ ์๋ดํฉ๋๋ค.
๋ฌด๋ฃ ์ด์ฉ: ์ผ์ผ ํฌ๋ ๋ง์ด ์ ์ฉ๋ฉ๋๋ค. ๋ฌด์ ํ ์ฒดํ์ ์ฝ์ํ๋ ๊ฒ์ ์๋๋๋ค.
๊ณตํต ์๊ตฌ์ฌํญ ์ ์ฉ ๋ฐฉ๋ฒ. ๋์ผํ ์ ์ฒด ์จ๋ณด๋ฉ ์๊ตฌ์ฌํญ์ผ๋ก ์์ํฉ๋๋ค. ์ดํ ํ๋ฉด ์ฐ๊ฒฐ๊ณผ ์ค์ ์ ๋ ฅ ๋์์ ๊ตฌ๋ถํฉ๋๋ค. ํซ์คํฟ์ ์ฐธ์ฌ์๋ฅผ ํ์ ํ๋ฉด์์ ๋ชฉํ ํ๋ฉด์ผ๋ก ์ด๋์ํฌ ์ ์์ต๋๋ค. ์ํ๋ฅผ ์ ์งํ๋ ํ๋ฆ์ด๋ผ๋ฉด ์ ๋ ฅํ ์ด๋ฆ์ ๊ฒํ ํ๋ฉด์ผ๋ก ์ ๋ฌํ๊ณ , ๋ค๋ก ์ด๋ํด๋ ์ ์งํ๋ฉฐ, ์ฒ์๋ถํฐ๋ฅผ ๋๋ฅด๋ฉด ์ง์์ผ ํฉ๋๋ค.
์ด ์ฐจ์ด์ ๋ฐ๋ผ ์ธ์ ์ ์ค๊ณํด์ผ ํฉ๋๋ค. ๋ชฉํ ์ ํ์ง๊ฐ ์ดํด๋๋์ง ์์๋ณด๋ ค๋ ๊ฒ์ด๋ผ๋ฉด ํ๋ฉด์ ์ฐ๊ฒฐํ ํ๋กํ ํ์ ์ผ๋ก ์ถฉ๋ถํ ์ ์์ต๋๋ค. ์๋ชป ์ ๋ ฅํ ์ด๋ฉ์ผ์ ๊ณ ์น๊ณ ๋๊น์ง ์๋ฃํ ์ ์๋์ง ์์๋ณด๋ ค๋ฉด ํผ๊ณผ ๋ฐ์ดํฐ๊ฐ ์ค์ ๋ก ์๋ํด์ผ ํฉ๋๋ค. ํ๋ฉด์ ๋ฐ๋ผ ์ด๋ํ ์ ์๋ค๋ ์ด์ ๋ง์ผ๋ก ํ์์ ๊ธฐ์ค๊น์ง ํต๊ณผํ๋ค๊ณ ์ฒ๋ฆฌํด์๋ ์ ๋ฉ๋๋ค.
์ผ๊ด์ฑ์ ์ํด Google์ ํ๋ก์ ํธ ์ฌ์ด์์ ๊ฐ์ ธ์ค๊ณ ๋ด๋ณด๋ผ ์ ์๋ ๋์์ธ ๊ท์น ํ์ผ์ธ DESIGN.md๋ฅผ ๋ฌธ์ํํ์ต๋๋ค. ์ด ํ์ผ์ ์๊ฐ์ ์ ํ์ ์๋๋ฅผ ์ค๋ช ํ๋ฏ๋ก, ๋ค์ ์์ฑ์ ๋จ์ผ ์คํฌ๋ฆฐ์ท๋ณด๋ค ํ๋ถํ ๋งฅ๋ฝ์ ์ ๊ณตํฉ๋๋ค. ์ ์ฉํ ์์คํ ์ง์นจ์ด์ง๋ง, ๊ท์น์ ์ ์ ํ์ผ๋ง์ผ๋ก ๊ฒฐ๊ณผ๋ฌผ์ด ์กฐ์ง์ ๊ธฐ์กด ์ปดํฌ๋ํธ ํจํค์ง๋ฅผ ๊ฐ์ ธ๋ค ์ด๋ค๋ ์ฌ์ค์ ์ ์ฆํ ์๋ ์์ต๋๋ค. Google์ DESIGN.md ๋ฐํ.
์ํฉ๋ณ ์์ ์ ๊ฒ: ๋ชฉํ ํ๋ฉด์ ๊ฐ๊ฒฉ์ด๋ ๊ธ์ ์คํ์ผ์ด ํ์ ํ๋ฉด๊ณผ ๋ค๋ฅด๋ค๋ฉด, ๊ณตํต ๋์์ธ ๊ท์น์ ์ ๊ณตํ๊ณ ์ผ๊ด๋๊ฒ ๋ง์ถ๋๋ก ์์ฒญํฉ๋๋ค. ๊ฒํ ํ๋ฉด์ด ์ ๋ ฅ๊ฐ์ ํ์ํ์ง ๋ชปํ๋ค๋ฉด ํ์ ์ฝ๋ ์์ ์์ ๊ทธ ๋์์ ์์ฑํ๊ฑฐ๋, ํ๋กํ ํ์ ์ด ๋ณด์ฌ ์ค ์ ์๋ ๋ฒ์๋ก ์ฌ์ฉ์ ์ธ์ ์ ์ขํ๋๋ค. ์ ์ ์ธ ์์ฝ์ ์ฌ์ฉ์๋ณ ์ ๋ ฅ๊ฐ์ด ๋ฐ์๋๋ ํ๋ฉด์ฒ๋ผ ์ ์ํด์๋ ์ ๋ฉ๋๋ค.
์ธ๊ณ ๊ธฐ์ค: Google ์ ํ ํ์ด์ง๋ HTML/CSS, Tailwind ์ง์, Figma ๋ด๋ณด๋ด๊ธฐ, MCP ์ฐ๊ฒฐ๊ณผ ํจ๊ป ์ ์ HTML ๋ด๋ณด๋ด๊ธฐ๋ฅผ ๋ช ์ํฉ๋๋ค. ์ ์ ๊ฒฐ๊ณผ๋ฌผ์ ์ ์ฉํ ์ถ๋ฐ ์๋ฃ์ง๋ง, ์ธ๊ณ๋ฐ๋ ๊ฐ๋ฐ์๊ฐ ๋ด๋ณด๋ธ ๊ฒฐ๊ณผ๋ฌผ์ ์ด๋ค ์ธํฐ๋์ ๊ณผ ์ํ ์ ํ์ด ๊ตฌํ๋์ด ์๋์ง ํ์ธํด์ผ ํฉ๋๋ค. ์ธํ์ ์ฌํํ๋ ์ฝ๋์ ๋์์ ์ฌํํ๋ ์ฝ๋๋ ํต๊ณผ ๊ธฐ์ค์ด ๋ค๋ฆ ๋๋ค.
๋ฐ๋ผ์ Stitch๋ ํ์์ฉ ํ๋ณด๋ก ํฌํจ๋์ง๋ง, ๊ด์ฐฐํ์ง ์์ ์๋๋ ์ผ์น๋ ์ ์๋ฅผ ๋ถ์ฌํ ์๋ ์์ต๋๋ค. ๋ค์ ๊ฒฐ์ ์ด ํ๋ฉด์ ๊ดํ ๊ฒ์ด๋ผ๋ฉด ๋ฒ์๊ฐ ์ ๋ง์ต๋๋ค. ์ฑ์ ๋์์ ๋ฌ๋ฆฐ ๊ฒฐ์ ์ด๋ผ๋ฉด ์ธ์ ์ ์ ๊ทธ ๋์๋ถํฐ ํ์ธํฉ๋๋ค.
- Google์ ํ๋กฌํํธ, ์ค์ผ์น, ์คํฌ๋ฆฐ์ท ์ ๋ ฅ์ ๋ฌธ์๋ก ์๋ดํฉ๋๋ค.
- ๊ด๋ จ ํ๋ฉด์ ์ฐ๊ฒฐํด ํด๋ฆญํ๋ฉฐ ์ด๋ํ๋ ํ๋ฆ์ ๋ชจ์ฌํ ์ ์์ต๋๋ค.
- ๋์์ธ ๊ท์น๊ณผ ์ธํฐํ์ด์ค ๊ฒฐ๊ณผ๋ฌผ์ ๋ด๋ณด๋ด๋ ๊ฒฝ๋ก๊ฐ ๋ฌธ์ํ๋์ด ์์ต๋๋ค.
- ํ์ฌ ๋ฌด๋ฃ์ฌ๋ ์ผ์ผ ํฌ๋ ๋ง์ผ๋ก ์ฌ์ฉ๋์ด ์ ํ๋ฉ๋๋ค.
- ํซ์คํฟ์ ํตํ ์ด๋๋ง์ผ๋ก๋ ์๊ตฌ์ฌํญ์ ํผ ์ํ ๊ธฐ์ค์ ์ถฉ์กฑํ์ง ๋ชปํฉ๋๋ค.
- ์ ์ HTML ๋ด๋ณด๋ด๊ธฐ๋ง์ผ๋ก ๋ชจ๋ ํ๋กํ ํ์ ๋์์ด ์ธ๊ณ ํ์๋ ์ ์ง๋๋ค๊ณ ๋ณผ ์๋ ์์ต๋๋ค.
6. Claude Design: ๋ํ ์์์ ํ๋กํ ํ์ ์ ๋ฐ์ ์ํฌ ๋
Claude Design์ Claude ๋ํ, Artifacts, Claude Code ์์์ ์ฌ์ฉํ๋ Anthropic์ ์๊ฐ์ ์ ์ ๊ธฐ๋ฅ์ ๋๋ค. ๋ ํผ๋ฐ์ค๋ฅผ ์ ๋ ฅ๋ฐ๊ณ ์บ๋ฒ์ค์์ ์ง์ ํธ์งํ ์ ์์ผ๋ฉฐ, ์์ ์ ์ฝ๋ฉ ์ํฌํ๋ก๋ก ๋๊ธธ ์ ์์ต๋๋ค. ๊ธฐ์กด ์ ํ ๋ ผ์์ ๋ฌธ์ํ๋ ์๊ตฌ์ฌํญ์์ ์์ฐ์ค๋ฝ๊ฒ ํ๋กํ ํ์ ์ ์์ผ๋ก ์ด์ด์ง๋ ์ํฉ์ ์ ์ฉํ ํ๋ณด์ ๋๋ค. Claude Design ์ ํ ํ์ด์ง.
์ถ์ฒ ๋์: ๊ธ๋ก ๋๋ ๋
ผ์๋ฅผ ์๊ฐ์ ๊ฒฐ๊ณผ๋ฌผ๋ก ๋ฐ๊พธ๋ ค๋ ํ๋ก๋ํธ ๋งค๋์ ๋ ์ฐฝ์
์์
๋๋ค.
์ฃผ์ ํน์ง: Claude ์ํฌํ๋ก ์์์ ๋ํ๋ก ์์ ํ๊ณ , ์บ๋ฒ์ค์์ ํธ์งํ๋ฉฐ, ์ฝ๋๋ฅผ ์ธ๊ณํ ์ ์์ต๋๋ค.
๊ฐ๊ฒฉ: Claude Design์ $0์ธ Free ์๊ธ์ ์ ํฌํจ๋ฉ๋๋ค. ๊ณต์ ๊ฐ๊ฒฉ ์๋ด.
๋ฌด๋ฃ ์ด์ฉ: ์๊ธ์ ์ ๊ณต์ฉ ์ฌ์ฉ ํ๋๋ฅผ ํจ๊ป ์ฌ์ฉํฉ๋๋ค.
๊ณตํต ์๊ตฌ์ฌํญ ์ ์ฉ ๋ฐฉ๋ฒ. ์๊ฐ์ ์ผ๋ก ๋ค๋ฌ์ด ๋ฌ๋ผ๊ณ ์์ฒญํ๊ธฐ ์ ์ Northstar์ ์ ์ฒด ๋ช ์ธ๋ฅผ ์ ๊ณตํฉ๋๋ค. ๋ํ์์๋ ๊ณ์ ์์ฑ ์๋ฎฌ๋ ์ด์ ๊ณผ ์ค์ ๊ณ์ ์์ฑ์ ๋ช ํํ ๊ตฌ๋ถํฉ๋๋ค. ์ฐธ์ฌ์๋ ์ค์ ์ธ์ฆ ์๋น์ค๋ ์ด๋ฉ์ผ ๋ฐ์ก ์์ด ๊ณผ์ ์ ๋ง์น ์ ์์ด์ผ ํฉ๋๋ค.
Anthropic ๋ฌธ์๋ ์คํฌ๋ฆฐ์ท๊ณผ ์ฝ๋๋ฒ ์ด์ค ๋งฅ๋ฝ ์ฒจ๋ถ, ๋์์ธ ์์คํ ์ฌ์ฉ, ๊ฒฐ๊ณผ๋ฌผ ๋ด๋ณด๋ด๊ธฐ์ ๊ณต์ ๋ฅผ ์ค๋ช ํฉ๋๋ค. ์์คํ ํ๊ฐ์์๋ ๊ณ์ ์ด ํด๋น ์ค์ ์ ์ง์ํ๋ ๋ฒ์์์ ๋ค๋ฅธ ํ๋ณด์ ๋์ผํ ์น์ธ ์ปดํฌ๋ํธ์ ๊ท์น์ ์ ๊ณตํฉ๋๋ค. Design ๊ธฐ๋ฅ์ ๋ฌด๋ฃ๋ก ์ธ ์ ์๋ค๊ณ ํด์ ๋ชจ๋ ์กฐ์ง ๋จ์ ์์คํ ์ํฌํ๋ก๋ ์ฝ๋ ๊ธฐ๋ฅ์ ์ด์ฉ ๊ถํ๋ ๊ฐ๋ค๊ณ ํด์ํด์๋ ์ ๋ฉ๋๋ค.
๊ฒํ ํ ๋๋ ์ธํ๋ฟ ์๋๋ผ ์ ํ์๋ ์ง์คํฉ๋๋ค. ๋ชฉํ๋ฅผ ๋ฐ๊พธ๋ฉด ์์ฝ๋ ๋ฐ๋๋์ง, ๊ฒํ ์๊ฐ ์บ๋ฒ์ค์์ ๋ฌธ๊ตฌ๋ฅผ ์ง์ ํธ์งํด๋ ๊ฐ์ ๊ณผ์ ์ ์ ๋ฌํ๊ณ ์๊ตฌ์ฌํญ์ ๋ถํฉํ๋์ง ํ์ธํฉ๋๋ค. ๋ชจ๋ธ์ ๊ทธ๋ด๋ฏํ ์ค๋ช ์ ๊ฒ์ฆ๋ ๊ฒฐ๊ณผ๋ก ์ฐฉ๊ฐํ์ง ์๋๋ก ํต๊ณผ ๊ธฐ์ค์ ์ฑํ ๋ฐ์ ๋ฐ๋ก ๋ณด๊ดํฉ๋๋ค.
์ํฉ๋ณ ์์ ์ ๊ฒ: ๊ฒํ ํ๋ฉด์ ์์ ๊ฐ์ด ์๋ค๋ฉด ์ฐธ์ฌ์์ ํ์ฌ ๋ก์ปฌ ์ํ๋ฅผ ํ์ํด์ผ ํ๋ค๊ณ ๋ช ์ํฉ๋๋ค. ํธ์ง์ผ๋ก ํ๋ฉด ์๊ฐ ๋ฌ๋ผ์ก๋ค๋ฉด ํ๊ฐ ์ ์ ์๋ ํ๋ฆ์ผ๋ก ๋ณต์ํฉ๋๋ค. ์ด๋ ์ ์ํ๋ ์ ๊ฒ ํญ๋ชฉ์ด๋ฉฐ, ์ด๋ฒ์ Claude๊ฐ ์์ฑํ ๊ฒฐ๊ณผ๋ฌผ์์ ๊ด์ฐฐํ ๋ฌธ์ ๋ ์๋๋๋ค.
์ธ๊ณ ๊ธฐ์ค: Anthropic์ HTML ๋ด๋ณด๋ด๊ธฐ์ Claude Code๋ก์ ์ธ๊ณ๋ฅผ ์๋ดํฉ๋๋ค. ์ต์ข ์ ๊ฒ ๊ธฐ์ค์ ์ธ๊ณ๋ฐ๋ ๊ฐ๋ฐ์๊ฐ ์ค์ ๋ก ์์ ํ ํ๊ฒฝ์ ๋๋ค. ๋ค์ ๋ด๋น์๊ฐ Figma์์ ์ง์ ๋ค๋ฃฐ ์ ์๋ ๊ฒฐ๊ณผ๋ฌผ์ ํ์๋ก ํ๋ค๋ฉด HTML ๋ด๋ณด๋ด๊ธฐ๋ก ์ถฉ์กฑ๋๋ค๊ณ ๊ฐ์ ํ์ง ๋ง๊ณ ๋ณ๋๋ก ํ๊ฐํฉ๋๋ค. ์ด ์ ํ์ Claude Design๊ณผ v0 ๋น๊ต์์ ๋ ์์ธํ ๋ค๋ฃน๋๋ค.
ํ์ฌ Design ์์ ์ ๋ณ๋์ ์ฃผ๊ฐ Design ํ ๋น๋ ๋์ , ๋ค๋ฅธ Claude ์์ ๊ณผ ๊ฐ์ ์ฌ์ฉ๋ ํ์์ ์ฐจ๊ฐ๋ฉ๋๋ค. ๋ฐ๋ผ์ ์์ ์์ ์ด ๊ธธ์ด์ง๋ฉด ๊ฐ์ ๊ณ์ ์ ๋ค๋ฅธ ์์ ์ ์ธ ์ฉ๋๊ณผ ๊ฒฝ์ํ ์ ์์ต๋๋ค. Anthropic ์์ ๊ฐ์ด๋. ์ด์ฉ ๋ฒ์์ ๋ํ ๋ ๋์ ์ค๋ช ์ Claude Design ๋ฌด๋ฃ ์ด์ฉ ์๋ด๋ฅผ ์ฐธ๊ณ ํฉ๋๋ค.
- ์ ํ ์๊ตฌ์ฌํญ์ด ๋ด๊ธด ๋ํ ์์์ ๋์์ธ์ ์์ํ ์ ์์ต๋๋ค.
- ์คํฌ๋ฆฐ์ท๊ณผ ์ฝ๋๋ฒ ์ด์ค ๋งฅ๋ฝ์ ๊ฒฐ๊ณผ๋ฌผ์ ๋ฐ์ํ ์ ์์ต๋๋ค.
- HTML ๋ด๋ณด๋ด๊ธฐ์ Claude Code ์ธ๊ณ๋ก ํ์ ์์ ์ ์ด์ด ๊ฐ ์ ์์ต๋๋ค.
- Design ์์ ์์ ์ ๊ณ์ ์ ์ฒด์ Claude ์ฌ์ฉ ํ๋๋ฅผ ํจ๊ป ์ฌ์ฉํฉ๋๋ค.
- ๊ธฐ์กด ์ฌ์ฉ์๋ ๋ ๋ฆฝ ์ฌ์ดํธ์ ์ข ๋ฃ ์ผ์ ์ ์ฃผ์ํด์ผ ํฉ๋๋ค.
- Design ๋ฌด๋ฃ ์ด์ฉ์ ๋ชจ๋ ์ ๋ฃ ์ฝ๋ ๊ธฐ๋ฅ์ด๋ ์กฐ์ง ๊ธฐ๋ฅ์ ์ ๊ณต์ผ๋ก ํผ๋ํด์๋ ์ ๋ฉ๋๋ค.
7. Bolt: ๊ธฐ์กด ์ฝ๋๊ฐ ์คํ์ ์ค์ํ ์ถ๋ฐ์ ์ผ ๋
Bolt๋ ํ๋กฌํํธ, ๊ธฐ์กด GitHub ํ๋ก์ ํธ, Figma ํ๋ ์์์ ์์ํ ์ ์๋ AI ์ฑ ์ ์ ํ๊ฒฝ์ ๋๋ค. ํ๋กํ ํ์ ์ด ํ์ ๊ธฐ์กด ์ฝ๋์ ๊ธด๋ฐํ๊ฒ ์ฐ๊ฒฐ๋์ด ์๊ฑฐ๋ ๊ฐ๋ฐ์๊ฐ ์ฆ์ ๊ฒํ ํ๊ณ ํ์ฅํ ์์ ์ด๋ผ๋ฉด ๋น๊ต ๋์์ ๋ฃ์ ๋งํฉ๋๋ค. ๋ ๋ฆฝ์ ์ธ ์จ๋ณด๋ฉ ์ฝ์ ํธ๋ฅผ ๊ฒ์ฆํ ๋ ์ด๋ฐ ๊ธฐ๋ฅ์ Bolt๋ฅผ ๊ณ ๋ คํ ์ด์ ์ผ ๋ฟ, ๋ถํ์ํ ์ฑ ์ธํ๋ผ๋ฅผ ์ถ๊ฐํ ์ด์ ๊ฐ ๋์ง๋ ์์ต๋๋ค. Bolt ์๊ฐ ๋ฌธ์.
์ถ์ฒ ๋์: ๊ธฐ์กด ์ฝ๋ ํ๋ก์ ํธ์ ์ฐ๊ฒฐ๋๊ฑฐ๋ ๊ณง๋ฐ๋ก ๊ฐ๋ฐ ๊ฒํ ๋ฅผ ๋ฐ์ ํ๋กํ ํ์
์
๋๋ค.
์ฃผ์ ํน์ง: ์ ์ฅ์์์ ์ด์ด์ ์์
ํ ์ ์์ผ๋ฉฐ, Figma ๊ฐ์ ธ์ค๊ธฐ ๋ฐฉ์์ ๋ช
์์ ์ผ๋ก ์ ํํฉ๋๋ค.
๊ฐ๊ฒฉ: Pro๋ ์ $25๋ถํฐ์ด๋ฉฐ, ์๊ฐ ๊ฒฐ์ ๊ธฐ์ค์
๋๋ค. ๊ณต์ ๊ฐ๊ฒฉ ์๋ด.
๋ฌด๋ฃ ์ด์ฉ: ์ผ์ผ ๋ฐ ์๊ฐ ํ ํฐ ํ๋๊ฐ ์๋ Free ์๊ธ์ ๊ฐ ์์ต๋๋ค.
๊ณตํต ์๊ตฌ์ฌํญ ์ ์ฉ ๋ฐฉ๋ฒ. ์์ฑ ๋ฒ์๋ ๋ก์ปฌ ์จ๋ณด๋ฉ ์๋ฎฌ๋ ์ด์ ์ผ๋ก ํ์ ํฉ๋๋ค. ๋ณ๋์ ์ผ์น๋ ํ๊ฐ์์ ๊ธฐ์กด ํ๋ก์ ํธ๋ฅผ ์ถ๋ฐ์ ์ผ๋ก ์ผ๋๋ค๋ฉด, ์ฌ์ฌ์ฉํ ์ปดํฌ๋ํธ์ ๋ณ๊ฒฝํด์๋ ์ ๋๋ ํ๋ก์ ํธ ์์ญ์ ๋ช ํํ ํฉ๋๋ค. ํ์ธํ ๊ฒฐ๊ณผ๋ ์ฌ์ ํ ์ฐธ์ฌ์์ ๊ณผ์ ์ํ์ด๋ฉฐ, ํด์ด ์ผ๋ง๋ ๋ง์ ์ํํธ์จ์ด๋ฅผ ์์ฑํ๋์ง๊ฐ ์๋๋๋ค.
Bolt์ Figma ๋ฌธ์๋ ํนํ ์ ์ฉํ ๊ตฌ๋ถ์ ์ ๊ณตํฉ๋๋ค. ๊ฐ์ ธ์ค๊ธฐ ๋์์ Figma ํ๋ก์ ํธ ์ ์ฒด๊ฐ ์๋๋ผ ๋จ์ผ ํ๋ ์์ ๋๋ค. ๋์์ธ ์์คํ ์ ์ฌ์ฉํ ๋๋ Code ๋์ Screenshot์ ์ ํํ๋ผ๊ณ ์๋ดํฉ๋๋ค. Code ๊ฒฝ๋ก๋ ํด๋น ์์คํ ์ ์ธ์ํ์ง ๋ชปํ๊ธฐ ๋๋ฌธ์ ๋๋ค. ๋ฐ๋ผ์ ๊ฐ์ ธ์ค๊ธฐ ๋ฐฉ์์ ์์์ ์ผ๋ก ์ ํํด์ผ ํฉ๋๋ค. Bolt Figma ๊ฐ์ ธ์ค๊ธฐ ๋ฌธ์.
Northstar ํ๋ฆ์์๋ ํ๋ ์ ํ๋๋ฅผ ๊ฐ์ ธ์จ๋ค๊ณ ๋ชจ๋ ํ๋ฉด์ ์ธํฐ๋์ ๊ท์น๊น์ง ์ฑ์์ง์ง๋ ์์ต๋๋ค. ์ ์ฒด ์๊ตฌ์ฌํญ๊ณผ ํ์ํ ์ ํ์ ์ถ๊ฐํฉ๋๋ค. ๋ ํผ๋ฐ์ค๋ ์์ํ ์๊ฐ์ ๋งฅ๋ฝ์ ์ ํ๊ณ , ์ง์นจ์ ํ๋กํ ํ์ ์ด ํด์ผ ํ ์ผ์ ์ ํฉ๋๋ค.
๊ฐ๊ฒฉ ํ์ด์ง๋ ๊ฐ์ธ ํ๋กํ ํ์ดํ๊ณผ ์ ์ฉ ์์คํ ์ํฌํ๋ก๋ฅผ ๊ตฌ๋ถํฉ๋๋ค. ๋น๊ตํ๋ ๋น๊ณต๊ฐ npm ๋ ์ง์คํธ๋ฆฌ์ Design System Knowledge๋ฅผ Free๋ Pro๊ฐ ์๋ Teams์ ๋ฐฐ์นํฉ๋๋ค. ๋ฐ๋ผ์ ๊ฐ์ธ Pro ๊ตฌ๋ ์ ์ด๋ฐ ํ ๊ธฐ๋ฅ์ด ํฌํจ๋๋ค๊ณ ๊ฐ์ ํ๊ณ ๊ตฌ๋งคํด์๋ ์ ๋ฉ๋๋ค.
์ํฉ๋ณ ์์ ์ ๊ฒ: ์์คํ ์ ์ค์ ํ๋๋ฐ๋ Figma ๊ธฐ๋ฐ ์์ฑ ๊ฒฐ๊ณผ๊ฐ ์ปดํฌ๋ํธ๋ฅผ ๋์ฒดํ๋ค๋ฉด, ๋์์ธ ํ๋กฌํํธ๋ฅผ ๋ค์ ์ฐ๊ธฐ ์ ์ ๋ฌธ์์์ ์๋ดํ Screenshot ๊ฒฝ๋ก๋ฅผ ์ฌ์ฉํ๋์ง ํ์ธํฉ๋๋ค. ์ฌ๋ฐ๋ฅธ ์ปดํฌ๋ํธ๋ฅผ ์ฌ์ฉํ์ง๋ง ํ๋ฉด ์ด๋์ด ์๋ชป๋์๋ค๋ฉด ์ํ ์ ํ์ ๋ณ๋๋ก ์์ ํฉ๋๋ค. ์ ๋ ฅ ๊ฒฝ๋ก์ ๋์ ์๊ตฌ์ฌํญ์ ์๋ก ๋ค๋ฅธ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํฉ๋๋ค.
์ธ๊ณ ๊ธฐ์ค: Bolt์ GitHub ์ฐ๋์ ๊ธฐ์กด ํ๋ก์ ํธ๋ฅผ ๊ฐ์ ธ์ค๊ณ ํ๋ก์ ํธ ์ด๋ ฅ์ Bolt ๋ฐ์ ๋ณด๊ดํ ์ ์์ต๋๋ค. ๊ฐ๋ฐํ์ ๊ฒํ ๊ฐ๋ฅํ ์ฝ๋๋ฅผ ์ธ๊ณ๋ฐ๊ณ ๋ค๋ฅธ ํ๊ฒฝ์์๋ ์์ ์ ์ด์ด ๊ฐ ์ ์์ต๋๋ค. ํนํ ํ๋กํ ํ์ ์ด ์๋์ ์ผ๋ก ์ฑ๊ณต์ ๋ชจ์ฌํ๋ค๋ฉด, ์ฝ๋์ ํจ๊ป ์๊ตฌ์ฌํญ ๋ฐ ์๋ ค์ง ํ๊ณ๋ ์ ๋ฌํด์ผ ์ ์ฉํ ์ธ๊ณ๊ฐ ๋ฉ๋๋ค. Bolt GitHub ๋ฌธ์.
Bolt์ ๊ฐ๊ฒฉ FAQ๋ ํ๋ก์ ํธ ํ์ผ์ ๋งฅ๋ฝ์ด ํ ํฐ ์ฌ์ฉ๋์ ์ฃผ์ ์์ธ์ด๋ผ๊ณ ์ค๋ช ํฉ๋๋ค. ๊ฐ๋ฅํ๋ฉด ์คํ๊ณผ ๋ฌด๊ดํ ํ๋ก์ ํธ ๋ฒ์๋ ์ ์ธํฉ๋๋ค. ํ ํฐ ํ ๋น๋์ ํฌ๊ธฐ๋ง์ผ๋ก ์์ฑ๋ ์จ๋ณด๋ฉ ํ๋กํ ํ์ ์ ๋ช ๊ฐ ๋ง๋ค ์ ์๋์ง ์ ๋ขฐ์ฑ ์๊ฒ ์ถ์ฐํ ์๋ ์์ต๋๋ค.
- ๊ธฐ์กด ์ฝ๋ ์ ์ฅ์์์ ์์ํ ์ ์์ต๋๋ค.
- GitHub ์ฐ๋์ผ๋ก ๋น๋ ๋ฐ์ ์ฝ๋์ ์ด๋ ฅ์ ๋ณด์กดํ ์ ์์ต๋๋ค.
- Figma ๊ฐ์ ธ์ค๊ธฐ ๋ฌธ์๊ฐ ์ด๋ค ๊ฒฝ๋ก์์ ์ค์ ๋ ๋์์ธ ์์คํ ์ ๋ฐ์ํ๋์ง ์ค๋ช ํฉ๋๋ค.
- Figma ๊ฐ์ ธ์ค๊ธฐ๋ ์ ์ฒด ํ๋ก์ ํธ๊ฐ ์๋๋ผ ํ๋ ์ ๋จ์์ ๋๋ค.
- Code ๊ฐ์ ธ์ค๊ธฐ ๊ฒฝ๋ก๋ ์ค์ ๋ ๋์์ธ ์์คํ ์ ์ธ์ํ์ง ๋ชปํฉ๋๋ค.
- ์ ์ฉ ์์คํ ์ง์๊ณผ ๋น๊ณต๊ฐ ๋ ์ง์คํธ๋ฆฌ ๊ธฐ๋ฅ์ Teams์ ๋ช ์๋์ด ์์ต๋๋ค.
ํ๋ก๋ํธ ๋งค๋์ ๋ฅผ ์ํ AI ํ๋กํ ํ์ดํ ํด ์ ํ ๊ธฐ์ค
๊ธฐ์ค์ด ๋๋ ์๋ณธ ์๋ฃ๋ฅผ ๋จผ์ ๋ณด๊ณ , ๊ด์ฐฐํ ๋์์ ๋ค์์ผ๋ก ๋ด ๋๋ค. ๋ชจ๋ ์ํฉ์์ ํน์ ์ ํ์ด ๊ฐ์ฅ ๋น ๋ฅด๋ค๋ ๋ฏธ์ธก์ ์ฃผ์ฅ๋ณด๋ค ์ด ๊ธฐ์ค์ด ๋ ํ๋นํฉ๋๋ค.
์ ํ ์๊ตฌ์ฌํญ๋ง ์๋ค๋ฉด ํ๋กํ ํ์ดํ ์ ์ฉ ์์ ๊ณต๊ฐ์ธ Magic Patterns๋ถํฐ ํ๊ฐํฉ๋๋ค. ์น์ธ๋ ์์ ๋ฌผ์ด ์ด๋ฏธ Figma์ ์๋ค๋ฉด Figma Make๋ฅผ ๋จผ์ ๊ฒํ ํ๊ณ , kit๊ฐ ์ปดํฌ๋ํธ์ ์ํ๋ฅผ ์ด๋ป๊ฒ ํํํ๋์ง ์ดํด๋ด ๋๋ค. ๊ฐ๋ฐํ์ด ์ ์ฅ์๋ฅผ ์ด์ด๋ฐ์ ์์ ์ด๋ผ๋ฉด v0๋ฅผ ์ฒซ ํ๋ณด๋ก ์ผ๊ณ , ์ ์ฒด ํ๋ฆ์ ์์ฑํ๊ธฐ ์ ์ ์คํํฐ๋ฅผ ๊ฒํ ํฉ๋๋ค.
์์ ์ฑ ํํ์ ์๋ฎฌ๋ ์ด์ ์ด ํ์ํ๋ค๋ฉด Lovable์ ์ ํํ๋, ์์ฒด ๋์์ธ ์์คํ ํ๋ก์ ํธ์ Enterprise์ ํจํค์ง ๋ํผ๋ฅผ ๊ตฌ๋ถํฉ๋๋ค. ํ๋ฉด์ ์ฐ๊ฒฐํ๋ ๊ฒ๋ง์ผ๋ก ๋ฆฌ์์น ์ง๋ฌธ์ ๋ตํ ์ ์๋ค๋ฉด Google Stitch๋ฅผ ์ ํํฉ๋๋ค. ๋ค๋ง ๋ฐ์ดํฐ ์ ๋ ฅ ํ ์คํธ์ ํ์ฉํ๊ธฐ ์ ์๋ ๋์์ ์ถ๊ฐ๋ก ํ์ธํด์ผ ํฉ๋๋ค.
์ ์ฉํ ๋งฅ๋ฝ์ด ์ด๋ฏธ Claude ๋ํ์ ์๊ณ , ์ง์ํ๋ ๊ฒฐ๊ณผ๋ฌผ ํ์์ด ๋ค์ ๋ด๋น์์๊ฒ ๋ง๋๋ค๋ฉด Claude Design์ ์ ํํฉ๋๋ค. ๊ธฐ์กด ์ฝ๋ ํ๋ก์ ํธ๊ฐ ์คํ์ ์ค์ฌ์ด๋ผ๋ฉด Bolt๋ฅผ ์ ํํ๋, ๋ฌธ์์ ๋์จ Figma ๊ฐ์ ธ์ค๊ธฐ ๋ฐฉ์๊ณผ ์์คํ ๊ธฐ๋ฅ์ ์๊ธ์ ๊ฒฝ๊ณ๋ฅผ ํ์ธํฉ๋๋ค.
์ธ๊ณ ์๊ตฌ๊ฐ ๋ฌ๋ผ์ง๋ฉด ์ ํ๋ ๋ฐ๋๋๋ค. ๋ฌธ๊ตฌ์ ๋ํ ํผ๋๋ฐฑ์ ๋ฐ๋ ์ฐฝ์ ์์ ์ค์๋น์ค ์ ๋ ฅ ์ปดํฌ๋ํธ๋ฅผ ์ฌ์ฌ์ฉํด์ผ ํ๋ ๊ฐ๋ฐ์๋ ์๋ก ๋ค๋ฅธ ๊ฒฐ๊ณผ๋ฌผ์ ๋ฐ์๋ค์ผ ์ ์์ต๋๋ค. ์๊ธ์ ๋ฅผ ๊ตฌ๋งคํ๊ฑฐ๋ ํ๋ฉด์ ๋ค๋ฌ๊ธฐ ์ ์ ์ต์ข ์ธ๊ณ ๋์์ ํฉ์ํฉ๋๋ค.

๋ค์ ๋ด๋น์์๊ฒ ํต๊ณผํ ํ๋ฆ, ์๋ณธ ์์ ๋ฌผ์ด๋ ์ปดํฌ๋ํธ ํจํค์ง, ์๋ฎฌ๋ ์ด์ ๋ฒ์๋ฅผ ์งง๊ฒ ์ ๋ฆฌํ ๊ธฐ๋ก์ ๋๊น๋๋ค. โ์๋ฃ๋ฅผ ๋๋ฅด๋ฉด ๋ก์ปฌ์์ ํ์ธ ๋ฉ์์ง๋ง ํ์ํ๋ฉฐ, ๊ณ์ ์ ๋ง๋ค์ง ์์ต๋๋คโ๋ ์ ์ฉํ ๋ฉ๋ชจ์ ๋๋ค. โ์ ๋ถ ์ ๋ฉ๋๋คโ๋ง์ผ๋ก๋ ๊ตฌํ ๋ฐฉํฅ์ ์ ํ๊ธฐ์ ์ถฉ๋ถํ์ง ์์ต๋๋ค.
๋ฌด๋ฃ ํ๋กํ ํ์ดํ ํด: ์ ๊ณต๋๋ณด๋ค ์คํ์ ๋ชฉํ๋ฅผ ์ ํฉ๋๋ค
๋ฌด๋ฃ ์ด์ฉ์ผ๋ก ์ํฌํ๋ก ํ๊ฐ๋ฅผ ์์ํ ์ ์์ง๋ง, ํน์ ํ๋กํ ํ์ ์ ์์ฑํ ๋งํผ ์ถฉ๋ถํ ์ฉ๋์ด ๋ณด์ฅ๋์ง๋ ์์ต๋๋ค. Magic Patterns, Figma, v0, Lovable, Claude, Bolt๋ ๋ชจ๋ ๋ฌด๋ฃ ์์ ์ต์ ์ ๊ณต๊ฐํ๊ณ ์์ผ๋ฉฐ, Google์ Stitch๊ฐ ํ์ฌ ๋ฌด๋ฃ๋ผ๊ณ ์๋ดํฉ๋๋ค. ์ ์์ฌ์ ๊ฐ๊ฒฉ ๋ฐ ๋น์ฉ ์๋ด ๋งํฌ๋ ๋น๊ตํ์ ์์ต๋๋ค.
ํ๋์ ์ฐ์ด๋ ๋จ์๋ ์๋ก ๋ค๋ฆ ๋๋ค. ๊ฐ์ ์ ํ ์์์๋ ํฌ๋ ๋ง ํ๋๋ก ์ฒ๋ฆฌํ๋ ์์ ๋์ ๋ฌ๋ผ์ง ์ ์์ผ๋ฉฐ, ๋ค๋ฅธ ์ ์ฒด์ ํฌ๋ ๋ง๊ณผ ์ง์ ๋น๊ตํ ์ ์์ต๋๋ค. ํ ํฐ์ ๋ชจ๋ธ์ด ์ฒ๋ฆฌํ๋ ํ ์คํธ์ ๋จ์์ด์ง, ์์ฑ๋ ํ๋ฉด์ ๋จ์๊ฐ ์๋๋๋ค. ํ๋กํ ํ์ ์ ๋งฅ๋ฝ๊ณผ ์์ ์์ฒญ์ด ์ฌ์ฉ๋์ ์ํฅ์ ์ค๋๋ค.
์๊ตฌ์ฌํญ์ ๊ธ๋ก ์ ๋ฆฌํ๊ณ , ๋์ ๊ธฐ์ค์ ํต๊ณผํ ๊ณต์ ๊ฐ๋ฅํ ํ๋ฆ์ด๋ผ๋ ์ข ๋ฃ ์กฐ๊ฑด์ ์ค์ ํ ๋ค ์์ํฉ๋๋ค. ์ด์ฉํ ์๊ธ์ , ์๋นํ ์ ๊ณต๋, ๋จ์ ๊ฒฐํจ, ๊ฒํ ์๊ฐ ๊ฒฐ๊ณผ๋ฌผ์ ์ด ์ ์์๋์ง๋ฅผ ๊ธฐ๋กํฉ๋๋ค. ์ด๋ฐ ๊ธฐ๋ก์ ๊ตฌ๋งค ํ๋จ์ ๋์์ด ๋ฉ๋๋ค. ๊ด๊ณ ์ ๋์จ ํฐ ์ ๊ณต๋๋ง์ผ๋ก๋ ์ถฉ๋ถํ์ง ์์ต๋๋ค.
๊ธฐ๋ฐ ์ ํ์ ๋ค๋ฃฌ๋ค๋ฉด ์ฐธ์ฌ์์๊ฒ ๋ณด๋ด๊ธฐ ์ ์ ์ค์ ๋ฏธ๋ฆฌ๋ณด๊ธฐ์ ์ ๊ทผ ์ค์ ๋ ํ์ธํฉ๋๋ค. ํธ์ง๊ธฐ์์ ํ๋ก์ ํธ๊ฐ ๋น๊ณต๊ฐ๋ผ๊ณ ํด์ ๊ฒ์๋ ๋งํฌ๋ฅผ ๋๊ฐ ์ด ์ ์๋์ง๊น์ง ์ ์๋ ์์ต๋๋ค. ์ด ์์์์๋ ๊ฐ์์ ์ฐธ์ฌ์ ์ ๋ณด๋ฅผ ์ฌ์ฉํด ํ๋กํ ํ์ ์ด ์ค์๋น์ค ๊ณ ๊ฐ ์์คํ ๊ณผ ๋ ๋ฆฝ์ ์ผ๋ก ์ ์ง๋๊ฒ ํฉ๋๋ค.
์ด๋ฐ ์๊ตฌ์ฌํญ์ด๋ผ๋ฉด ํผํด์ผ ํ ์ ํ
์ฌ์ฉ์๋ณ ์ ๋ ฅ๊ณผ ์ ํจ์ฑ ๊ฒ์ฌ๊ฐ ๋ฆฌ์์น์ ํต์ฌ์ด๋ผ๋ฉด Google Stitch ๊ฒฐ๊ณผ๋ฌผ์ ์์ฑ๋ ํผ ๊ตฌํ์ผ๋ก ๊ฐ์ ํ์ง ์์ต๋๋ค. ๋ฌธ์์ ๋์จ ํซ์คํฟ๊ณผ ๋ด๋ณด๋ด๊ธฐ ๊ธฐ๋ฅ์ ์ ์ฉํ์ง๋ง, ์ค์ ๊ฒฐ๊ณผ๋ฌผ์์ ๊ทธ ๋์์ ๊ฒ์ฆํด์ผ ํ ํ์๊น์ง ์์ ์ฃผ์ง๋ ์์ต๋๋ค.
Bolt Pro๋ฅผ ํจํค์ง ๊ธฐ๋ฐ ๋์์ธ ์์คํ ์๊ธ์ ๋ก ๊ฐ์ ํ์ง ์์ต๋๋ค. ๊ฐ๊ฒฉํ๋ ์ ์ฉ ์์คํ ์ง์๊ณผ ๋น๊ณต๊ฐ ๋ ์ง์คํธ๋ฆฌ ์ง์์ Teams์ ๋ช ์ํฉ๋๋ค. Lovable Pro๊ฐ ๊ธฐ์กด npm ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๊ฐ์ธ ์ค ๊ฒ์ด๋ผ๊ณ ๊ฐ์ ํ๋ ๊ฒ๋ ํผํด์ผ ํฉ๋๋ค. ํด๋น ๊ฒฝ๋ก๋ Enterprise ์ ์ฉ์ผ๋ก ๋ฌธ์ํ๋์ด ์์ต๋๋ค.
Magic Patterns Starter๊ฐ ๋ชจ๋ ๋ง์ถคํ ์์คํ ๊ฐ์ ธ์ค๊ธฐ ๊ถํ์ ์ ๊ณตํ๋ค๊ณ ๊ฐ์ ํ์ง ์์ต๋๋ค. ์ ๋ฌธ ์๊ธ์ ์ ๋ด๋ณด๋ด๊ธฐ ์ต์ ๊ณผ Enterprise์ ๋ง์ถคํ ๊ฐ์ ธ์ค๊ธฐ ์๋น์ค๋ ๋ณ๊ฐ์ ์ฌ์ค์ ๋๋ค. Make kits๊ฐ ํ์ํ ์ํฌํ๋ก์ Figma Starter๋ฅผ ์ ํํ๋ ๊ฒ๋ ํผํฉ๋๋ค. Make kits์๋ ์ ๋ฃ Full ์ข์์ด ํ์ํฉ๋๋ค.
Anthropic์ ์ข ๋ฃ ์๋ด๋ฅผ ๊ณ ๋ คํ์ง ์์ ์ฑ claude.ai/design์ ๋ ๋ฆฝํ Claude Design์ ์ ์ํฌํ๋ก๋ฅผ ์์กด์ํค์ง ์์ต๋๋ค. ํ์ฌ ๋ํ ์์์ ์ฌ์ฉํ๋ Design ์ํฌํ๋ก๋ฅผ ํ๊ฐํฉ๋๋ค. ๋ํ ํ๋ก์ ํธ์์ ๋๊ตฌ๋ ์ ์ฅ์๋ฅผ ๊ฒํ ํ๊ฑฐ๋ ์ด์ด์ ๊ฐ๋ฐํ ๊ณํ์ด ์๋ค๋ฉด ์ ์ฅ์ ์ธ๊ณ๋ง์ ์ด์ ๋ก v0๋ฅผ ์ ํํ์ง ์์ต๋๋ค.
์ด๋ ์๊ตฌ์ฌํญ๊ณผ ๋ฌธ์์ ๋ช ์๋ ๊ฒฝ๋ก๊ฐ ๋ง์ง ์๋ ๊ฒฝ์ฐ์ ๋๋ค. ์ค์ ๋ก ์ํํ์ง ์์ ํ ์คํธ์์ ์ด๋ ์ ํ์ ์ฑ๋ฅ์ด ๋๋นด๋ค๊ณ ์ฃผ์ฅํ๋ ๊ฒ์ด ์๋๋๋ค.
ํ๋ก๋ํธ ๋งค๋์ ์ AI ํ๋กํ ํ์ดํ: ์ฌ์ฉ์ ์ธ์ ์งํํ๊ธฐ
์งํ์๊ฐ ๋์ ์กฐ์ํ์ง ์์๋ ์ฐธ์ฌ์๊ฐ ์๋ํ ๊ณผ์ ์ ์๋ํ ์ ์๋ค๋ฉด ์ธ์ ์ ์งํํ ์ค๋น๊ฐ ๋ ๊ฒ์ ๋๋ค. ์๊ฐ์ ์์ฑ๋๋ ์ดํด์ ์ํฅ์ ์ค ๋ ์ค์ํ์ง๋ง, ์ด ๊ธฐ๋ณธ ์กฐ๊ฑด์ ๋์ ํ์ง๋ ๋ชปํฉ๋๋ค.
์ฌ์ฉ๋ฒ์ ์๋ดํ๊ธฐ๋ณด๋ค ๋ชฉํ๋ฅผ ์ ์ํฉ๋๋ค
์ฐธ์ฌ์์๊ฒ ํ๋ก์ ํธ ๊ณํ์ ์ํด Northstar๋ฅผ ์ค์ ํ๊ณ ๋ด์ฉ์ ํ์ธํด ๋ฌ๋ผ๊ณ ์์ฒญํฉ๋๋ค. ๋ฐฉ๋ฒ์ ์ธํฐํ์ด์ค๊ฐ ์ค๋ช ํ๋๋ก ๋ก๋๋ค. ์๋ํ ํ๋์ ๊ณง๋ฐ๋ก ์๋ ค ์ฃผ์ง ๋ง๊ณ , ์ฐธ์ฌ์๊ฐ ์ด๋ ์ง์ ์์ ๋ง์ค์ด๋์ง ๊ธฐ๋กํฉ๋๋ค.
๋๋๋ฆฌ๊ฑฐ๋ ์์ ํ๋ ๊ณผ์ ๋ ํฌํจํฉ๋๋ค
์๋ฃ ์ ์ ๋ชฉํ๋ฅผ ๋ฐ๊พธ๊ฑฐ๋ ์ ๋ ฅํ ์ด๋ฉ์ผ์ ๊ณ ์ณ ๋ฌ๋ผ๊ณ ์์ฒญํฉ๋๋ค. ์ฐธ์ฌ์๊ฐ ๊ฒฝ๋ก๋ฅผ ์ฐพ๊ณ ํ์ฌ ์ํ๋ฅผ ์ดํดํ๋์ง ๊ด์ฐฐํฉ๋๋ค. ๋ชจ๋ ๋ฌธ์ ๋ฅผ ํด์ ๊ฒฐํจ์ผ๋ก ๋จ์ ํ์ง ์์ต๋๋ค. ์๊ตฌ์ฌํญ์ ๋ด๊ธด ๋์์ธ ๊ฒฐ์ ์ ๋ฌธ์ ์ผ ์๋ ์์ต๋๋ค.
๋์์ธ ์ธ์ฌ์ดํธ์ ํ๋กํ ํ์ ๊ณ ์ฅ์ ๊ตฌ๋ถํฉ๋๋ค
๋ชฉํ ๋ ์ด๋ธ์ด ๋ถ๋ช ํํ๋ค๋ฉด ์ ์ํ ์ฌ์ฉ์ ๊ฒฝํ์ ๊ดํ ๋ฐ๊ฒฌ์ ๋๋ค. ๋ฒํผ์ ๋๋ฌ๋ ์๋ฌด ์ผ๋ ์ผ์ด๋์ง ์๋๋ค๋ฉด ํ๋กํ ํ์ ๊ณ ์ฅ์ ๋๋ค. ๊ณ ์ฅ ๋ ์๋ฎฌ๋ ์ด์ ์ ์ ํ ์์ด๋์ด์ ๋ฐํ๋ ๊ทผ๊ฑฐ๋ก ํด์ํ์ง ์๋๋ก ๋ฐ๋ก ๊ธฐ๋กํฉ๋๋ค.
์ด๊ธฐํํ๊ณ ๋ฐฐ์ด ๋ด์ฉ์ ์ธ๊ณํฉ๋๋ค
๋ค์ ์ธ์ ์ ์ ์ฒ์๋ถํฐ๋ฅผ ์คํํฉ๋๋ค. ์ดํ ์์ ํ ์๊ตฌ์ฌํญ, ํต๊ณผํ ๊ฒฐ๊ณผ๋ฌผ, ๋์ ๊ธฐ์ค์ ๊ฐ๋ฐํ์ ์ ๋ฌํฉ๋๋ค. ์ฑ๊ณต์ ๋ชจ์ฌํ๋ ๋ถ๋ถ์ด๋ ๊ตฌํ๋์ง ์์ ๋ถ๋ถ๋ ํจ๊ป ํฌํจํฉ๋๋ค.
๋ค์์ผ๋ก ํ ์ผ์ ๊ธฐ์กด ์์ ๋ฌผ์ ๋ง๋ ํ๋ณด๋ฅผ ์ ํํ๊ณ , ๊ณตํต ์๊ตฌ์ฌํญ์ ์คํํ ๋ค ๊ฒฐ๊ณผ๋ฌผ๊ณผ ์์ ๊ธฐ๋ก์ ๋ณด๊ดํ๋ ๊ฒ์ ๋๋ค. ์ด ๊ธฐ๋ก์ด ์์ฑ๋์ด์ผ ์ด๋ค ํด์ด ์์ ์ ์์ด๋์ด๋ฅผ ์ค์ ์ธ์ ์ ์ธ ์ ์๋ ์ํ๋ก ๊ฐ์ฅ ๋น ๋ฅด๊ฒ ๋ง๋๋์ง ํ๋จํ ์ ์์ต๋๋ค.
AI ํ๋กํ ํ์ ์ ๊ดํด ์์ฃผ ๋ฌป๋ ์ง๋ฌธ
๊ฐ์ฅ ์ธ๊ธฐ ์๋ AI ํด 5๊ฐ๋ ๋ฌด์์ธ๊ฐ์?
์ด ๋น๊ต๋ ์ธ๊ธฐ ์์๋ฅผ ์ ํ์ง ์์ต๋๋ค. ํ๋กํ ํ์ ์ ํ์ํ ์ ๋ ฅ ์๋ฃ, ๋์, ์ธ๊ณ ๋ฐฉ์์ ๋ฐ๋ผ ํ๋ณด๋ฅผ ์ถ๋ฆฝ๋๋ค. ์ฌ๊ธฐ์ Magic Patterns, Figma Make, v0๋ ๊ฐ๊ธฐ ๋ค๋ฅธ ์ํฌํ๋ก์ ์์ ํ๋ณด์ด๋ฉฐ, ์ด์ฉ๋ฅ ์กฐ์ฌ์์ ์ ์ ํ ์์ ํด์ด ์๋๋๋ค.
ํ๋กํ ํ์ดํ์ AI๋ฅผ ์ด๋ป๊ฒ ํ์ฉํ๋์?
๊ธ๋ก ์ด ๊ณผ์ , ๊ธฐ์กด ๋์์ธ, ์๊ฐ์ ๋ ํผ๋ฐ์ค๋ฅผ ์ ๊ณตํ๊ณ ์ด๋ฅผ ํ์ํ๋ ๋ฐ ํ์ํ ํ๋ฉด๊ณผ ์ธํฐ๋์ ์ ์์ฒญํฉ๋๋ค. ์ธ์ ์ ํ์ฉํ๊ธฐ ์ ์ ํ๋ฉด ์ด๋, ์ค๋ฅ, ๋ฐ์ดํฐ ์ ์ง, ๊ณต์ ๋ฅผ ํ์ธํฉ๋๋ค. ์์ Northstar ์๊ตฌ์ฌํญ์ ์ด ์กฐ๊ฑด๋ค์ ๋ช ํํ ์ ์ํฉ๋๋ค.
AI๋ก ํ๋กํ ํ์ ์ ๋ฌด๋ฃ๋ก ๋ง๋ค ์ ์๋์?
๋ค. ์๊ฐํ ํด์ ๋ฌด๋ฃ ์์ ์ต์ ์ ์ ๊ณตํ๋ฉฐ, Google์ Stitch๊ฐ ํ์ฌ ๋ฌด๋ฃ๋ผ๊ณ ์ค๋ช ํฉ๋๋ค. ๋ค๋ง ์ฌ์ฉ ํ๋์ ์๊ธ์ ์ ๋ฐ๋ฅธ ์์คํ ๊ธฐ๋ฅ ์ ํ์ ๊ทธ๋๋ก ์ ์ฉ๋ฉ๋๋ค. ๋ฌด๋ฃ ์๊ธ์ ๋ ํ๋กํ ํ์ ์ ์์ ์๋ํ ๊ธฐํ์ด๋ฉฐ, ํน์ ํ๋ฆ์ ์ ๊ณต๋ ์์์ ์์ฑํ ์ ์๋ค๋ ๋ณด์ฅ์ ์๋๋๋ค.
ํ๋ก์ ํธ ์ ์์๋ ์ด๋ค AI ํด์ด ๊ฐ์ฅ ์ข์๊ฐ์?
์ด ๋น๊ต์ฒ๋ผ ๋ฒ์๊ฐ ์ ํ๋ ํ๋กํ ํ์ ์ด๋ผ๋ฉด, ์ ์ฉ ์์ ๊ณต๊ฐ์ด ํ์ํ ๋ Magic Patterns, ๊ธฐ์กด Figma ๋งฅ๋ฝ์ ํ์ฉํ ๋ Figma Make, ์ฝ๋๋ก ์ด์ด์ ๊ฐ๋ฐํ ๋ v0๋ฅผ ๋จผ์ ํ๊ฐํฉ๋๋ค. ์ค์๋น์ค ํ๋ก์ ํธ๋ ํด๋ฆญ ๊ฐ๋ฅํ ์์ฐ๋ณด๋ค ๋ ํญ๋์ ํ๊ฐ๊ฐ ํ์ํฉ๋๋ค.
ChatGPT๋ณด๋ค ๋ ์ข์ AI๊ฐ ์๋์?
์ด ๊ณผ์ ์์ ๋ ์ข๋ค๋ ๊ฒ์ ๋ณด์ ํ ์๋ฃ๋ฅผ ๋ฐ์๋ค์ด๊ณ ๊ฒํ ์์๊ฒ ํ์ํ ๊ฒฐ๊ณผ๋ฌผ์ ๋ง๋๋ ์ํฌํ๋ก๋ฅผ ๋ปํฉ๋๋ค. ์ด ๊ธ์ ํ๋กํ ํ์ดํ์ ํนํ๋ ๊ฒฝ๋ก๋ฅผ ๋น๊ตํฉ๋๋ค. ์ด๋ค ๋ฒ์ฉ AI ๋ชจ๋ธ์ด ๋ค๋ฅธ ๋ชจ๋ธ๋ณด๋ค ๋ซ๋ค๋ ๊ฒฐ๋ก ์ ๋ด๋ฆฌ์ง๋ ์์ต๋๋ค.
ํ๋ก์ ํธ๋ฅผ ๋ง๋ค ๋ ์ธ ์ ์๋ ๋ฌด๋ฃ AI ํด์ ๋ฌด์์ธ๊ฐ์?
Magic Patterns, Starter๋ฅผ ํตํ Figma Make, v0, Lovable, Claude Design, Bolt์๋ ๋ฌด๋ฃ ์์ ์ต์ ์ด ์์ต๋๋ค. Google Stitch๋ ํ์ฌ ๋ฌด๋ฃ์ ๋๋ค. ๊ณต๋ ํ๋ก์ ํธ๋ฅผ ์์ํ๊ธฐ ์ ์ ๋น๊ตํ์ ์ ์์ฌ ๋งํฌ์์ ์ ์ฉ๋๋ ํ๋๋ฅผ ํ์ธํฉ๋๋ค.
์์ ํ ๋ฌด๋ฃ์ธ AI ํด์ ๋ฌด์์ธ๊ฐ์?
Google์ Stitch FAQ๋ ํ์ฌ ๋ฌด๋ฃ๋ก ์ ๊ณต๋๋ฉฐ ์ผ์ผ ํฌ๋ ๋ง์ผ๋ก ์ด์๋๋ค๊ณ ์ค๋ช ํฉ๋๋ค. โํ์ฌ ๋ฌด๋ฃโ๋ ๋ฌด์ ํ ์ฌ์ฉ์ด๋ ํฅํ ๊ฐ๊ฒฉ์ด ์ ๋ ๋ฐ๋์ง ์๋๋ค๋ ์ฝ์์ ๋ปํ์ง ์์ต๋๋ค. ์ด ๊ธ์ ๋ค๋ฅธ ํด์ ์ ๋ฃ ์๊ธ์ ์ ํจ๊ป ๋ฌด๋ฃ ๋ฑ๊ธ์ ์ ๊ณตํฉ๋๋ค.
ํ๋ก์ ํธ ๊ด๋ฆฌ์ ๊ฐ์ฅ ์ข์ ๋ฌด๋ฃ AI๋ ๋ฌด์์ธ๊ฐ์?
ํ๋ก์ ํธ ๊ด๋ฆฌ ์์คํ ์ ๊ตฌ๋งคํ๋ ๊ฒ๊ณผ ๊ทธ ์์คํ ์ ์จ๋ณด๋ฉ ํ๋กํ ํ์ ์ ๋ง๋๋ ๊ฒ์ ๋ค๋ฅธ ์ ํ์ ๋๋ค. ์ด ๋น๊ต๋ ํ์๋ฅผ ํ๊ฐํฉ๋๋ค. ์ค์ ์ ๋ฌด ๋ฐฐ์ , ๊ถํ, ๋ณด๊ณ ๋ฅผ ์ฌ์ ์ ๋ฐ์์ ์ด์ํ๋ ํด์ ์์๋ฅผ ์ ํ์ง๋ ์์ต๋๋ค.
๋ด ํ๋ก์ ํธ์ AI๋ฅผ ์ด๋ป๊ฒ ์ ์ฉํ๋ฉด ๋๋์?
์ฌ์ฉ์ ๊ณผ์ ๊ณผ ์ด๋ฅผ ๊ฒ์ฆํ ์ ์๋ ์ต์ ํ๋ฆ์ ๊ธ๋ก ์ ๋ฆฌํฉ๋๋ค. ๊ธฐ์กด ๋์์ธ ๋งฅ๋ฝ์ ์ ๊ณตํ๊ณ ํ๋กํ ํ์ ์ ์์ฑํ ๋ค, ํต๊ณผ ๊ธฐ์ค์ ํ์ธํ๊ณ ์ฐธ์ฌ์๋ฅผ ๊ด์ฐฐํฉ๋๋ค. ๊ตฌํ ๋ฒ์๋ฅผ ๋ํ๊ธฐ ์ ์ ๋ฐ๊ฒฌํ ๋ด์ฉ๊ณผ ์ธ๊ณ ๊ฒฐ๊ณผ๋ฌผ์ ๋ณด๊ดํฉ๋๋ค.
์ ๋ฃ ์ํฌํ๋ก๋ฅผ ์ ํํ๊ธฐ ์ ์ AI ๋น์ฆ๋์ค ์ํฌํ๋ก ์ ๊ฒ ์ฒดํฌ๋ฆฌ์คํธ๋ก ํ๋กํ ํ์ ๋ด๋น์, ํ์ํ ๋์, ์ธ๊ณ ๋ฐฉ์์ ์ ๋ฆฌํฉ๋๋ค.
- ๊ฒ์์ผ
- ์นดํ ๊ณ ๋ฆฌ
- Design
- ์ธ์ด














