๊ตฌ๋
์๋, ์๋
ํ์ธ์?
๋งค์ผ 1๊ฐ์ ํ๋กฌํํธ๋ฅผ ๋ฐฐ๋ฌํด๋๋ฆฌ๋ Daily Prompt์
๋๋ค.
๋งค์ฃผ ์์์ผ๊ณผ ๋ชฉ์์ผ์๋ ์ด๋ฏธ์ง ์์ฑ ํ๋กฌํํธ๋ฅผ ๋ณด๋ด๋๋ฆฝ๋๋ค.
์ค๋์ ํ
์คํธ ์
๋ ฅ๋ง์ผ๋ก ๋ง๋๋ UX/UI Design AI, Uizard ์ฌ์ฉ๋ฒ์ ๋ค๋ฃน๋๋ค.
1. Uizard ์ ์ํ๊ธฐ
์ต์ด์๋ ํ์๊ฐ์ ์ด ํ์ํฉ๋๋ค. ๋ก๊ทธ์ธ ํ ๋ณด์ด๋ ์๋ ํ์ด์ง์์ "Generate With Autodesigner"๋ฅผ ํด๋ฆญํฉ๋๋ค.
2. ํ๋กฌํํธ ์ ๋ ฅํ๊ธฐ
์๋ ์ด๋ฏธ์ง์ ๊ฐ์ ํ์ด์ง์์ Mobile, Tablet, Web ์ค Device ํ๋๋ฅผ ์ ํํ๊ณ , ์ด ์๋น์ค์ ๋ํ ๊ฐ๋ตํ ์๊ฐ๋ฅผ ์์ฑํฉ๋๋ค(Describe your project in plain English). ์ดํ ํ๋กฌํํธ์ ํด๋นํ๋ ๋์์ธ ์คํ์ผ๊ณผ ํค์๋๋ฅผ ์ ์ต๋๋ค(Describe a design style, pick keywords, or both). ์์ฑ์ด ์๋ฃ๋๋ฉด "Generate my project"๋ฅผ ํด๋ฆญํฉ๋๋ค.
์ค๋์ ํ๋กฌํํธ:
3. ํ๋กฌํํธ ์ ๋ ฅ ๊ฒฐ๊ณผ
์ค๋์ ํ๋กฌํํธ ์ ๋ ฅ๊ฒฐ๊ณผ(Uizard Autodesigner):
๊ฒฐ๊ณผ๊ฐ ๋ง์์ ๋ค์ง ์๋๋ค๋ฉด ํ๋จ "Regenerate"๋ฒํผ์ ๋๋ฌ ์๋ก์ด ๋์์ธ์ ์์ฑํ ์ ์์ต๋๋ค.
์๋ก์ด ๋์์ธ์ ์์ฑํ ๊ฒฐ๊ณผ:
์์ธ ๋ณด๊ธฐ: https://app.uizard.io/p/e4f76656/preview
๋ง๋ฌด๋ฆฌ
1) Uizard์๋ ๋ค๋ฅธ ์ ์ฉํ ๊ธฐ๋ฅ๋ ์์ต๋๋ค. ์ดํ์ ์คํฌ๋ฆฐ์ท์ ์ฐ์ด ์ ๋ก๋ํ๋ฉด ๊ทธ ํ๋ฉด์ ํธ์งํ ์ ์๋ ๊ธฐ๋ฅ๋ ์๊ณ , ์์ผ๋ก ๊ทธ๋ฆฐ Wireframe ์ค์ผ์น๋ฅผ ๊ตฌํํด์ฃผ๊ธฐ๋ ํฉ๋๋ค.
2) ๊ธฐ์กด Figma๋ AdobeXD ์ ์ ๋ผ๋ฉด ๋ฐ๋ก ์ ์ํด์ ์ฌ์ฉํ ์ ์๋ AI์ ๋๋ค. ์ต๋ ๋จ์ ์ด๋ผ๋ฉด Uizard์์ ์์ฑ๋ ๋์์ธ์ Figma๋ก ๋ถ๋ฌ์ฌ ์ ์๋ค๋ ๊ฒ์ ๋๋ค. ๋์ Figma์์ ์์ ํ ๋์์ธ์ Uizard๋ก ๋ถ๋ฌ์ฌ ์ ์์ต๋๋ค.
3) Figma ๋ด์์ ํ๋กฌํํธ๋ฅผ ์ ๋ ฅํ์ฌ ๋์์ธ์ ์์ฑํ ์ ์๋ Figma ํ๋ฌ๊ทธ์ธ "builder.io"๋ ์ถ์๋์์ต๋๋ค๋ง, ์์ฐ ํฌ์ธํธ๋ Uizard๊ฐ ์์น์ ๋๋ค. ๊ธฐ์กด Figma ์ฌ์ฉ์์๊ฒ๋ builder ํ๋ฌ๊ทธ์ธ์ ์ฌ์ฉํ๋๊ฒ ๋ ํธ๋ฆฌํ ์๋ ์์ผ๋, ๋จธ๋ฆฟ์์ ์๊ฐ์ ๋ณด๋ฅผ ํ ์คํธ๋ก ์ค๋ช ํ๋ ๊ฒ์ด ์คํ๋ ค ๋์์ด๋์๊ฒ ๋ ์ด๋ ค์ด ์์ ์ผ ์ ์๋ค๋ ์๊ฐ์ด ๋ญ๋๋ค.
์ค๋์ ํ๋กฌํํธ๋ ์ด๋ ์ จ๋์? ๋๊ธ๊ณผ ๊ณต์ ํ๊ธฐ๋ก ํํํด์ฃผ์ธ์:)
ํ์ํ ํ๋กฌํํธ๊ฐ ์๋ค๋ฉด ์ธ์ ๋ ์ง ์๋ ค์ฃผ์ธ์.
๊ฐ์ฌํฉ๋๋ค. ๋ด์ผ ๋ ๋ต๊ฒ ์ต๋๋ค.