Figma๋ ์ธํฐ๋ท๋ง ๋๋ฉด OK!
๋์งํธ ๋ง์ผํ
์ญ๋์ ์ฌ์ด ํด๊ณผ ํจ๊ป ํค์์ ๐ฑ
Figma๋? ๐ป
ํ์ฌ ์น ๋์์ด๋, ๊ฐ๋ฐ์ ๋ชจ๋์๊ฒ ๊ฐ์ฅ ์ฃผ๋ชฉ ๋ฐ๋ ๋์์ธ ํด์ธ ํผ๊ทธ๋ง. UX tools ์๋ฒ ์ด์์ ๊ฐ์ฅ ํฅ๋ฏธ๋กญ๊ณ ๋ฐ์ ์ด ๊ธฐ๋๋๋ ํด๋ก Figma๊ฐ ์ ์ ๋์์ต๋๋ค. ํนํ ๋จ์ํ UI ๋์์ธ ์์ญ์ ํ์ ๋๋ ๊ฒ์ด ์๋ "๋์์ธ ์ํํธ์จ์ด"๋ก์, ๊ณผ๊ฑฐ ํฌํ ์ต์ ์์๋งํผ์ด๋ ๋์ค์ ์ธ ์ํํธ์จ์ด๋ก ์๋ฆฌ ์ก์ ๊ฒ์ด๋ผ๋ ์ ๋ง๋ ์์ฃ .
์๋์ฐ, ๋งฅ, ์น ๋ธ๋ผ์ฐ์ ์ด๋์์๋ ์ ๊ทผ์ด ๊ฐ๋ฅํ๊ณ , ์น ๊ธฐ๋ฐ ํ๋ก๊ทธ๋จ์ผ๋ก ๋ณ๋๋ก ์ค์น๋ฅผ ํ์ง ์์๋ ๋๊ธฐ ๋๋ฌธ์ ํ์ฉ ๋ฒ์๊ฐ ๋์ต๋๋ค. ์ค์๊ฐ ๋์ ์์
๊ธฐ๋ฅ์ ์ ๊ณตํจ์ผ๋ก์จ ์์
์๊ฐ ๋จ์ถ, ๋ค์ํ ์์ด๋์ด ๋์ถ ๋ฑ ์
๋ฌด ํจ์จ์ฑ์ ๋์ผ ์ ์์ต๋๋ค.
์ด ๊ฐ์๋ง์ ํน์ฅ์ ๐
- 1๏ธโฃ Figma์ ๊ฐ๋
๋ถํฐ ํ์ฉ๊น์ง ์์ฐฌ ๊ธฐ์ด ๋ค์ง๊ธฐ
- ํผ๊ทธ๋ง๋ฅผ ๋ชจ๋ฅด๋ ์ฌ๋, ๋ฐฐ์ฐ๊ณ ๋ ์์ง๋ง ์ด๋ ค์ํ๋ ์ฌ๋์ด๋ผ๋ ๋ถ๋ด ์์ด ์์ํ ์ ์์ด์.
- 2๏ธโฃ ์ ๊ธฐ์ ์ธ ํ๋ฆ์ ์ ์ ๋ฐฉ์ ์ตํ๊ธฐ
- ๋จ์ํ ์์ด๋ ๋ค๋ก๋ง ์ด๋ํ๋ ์ง์ ์ ์ธ ํ๋ ์ ํ
์ด์
์๋ฃ๋ ๊ทธ๋ง! ์ํ๋ ํ์ด์ง๋ก ์ด๋ํ๊ณ ์ด๋ฏธ์ง๋ ๋์์ ์๋ฃ๋ฅผ ์ฝ๊ณ ์ ๊ตํ๊ฒ ํธ์งํ์ฌ ๋ฐฐ์นํ ์ ์์ต๋๋ค.
- 3๏ธโฃ ์ฌ๋ด ์ธ์ฌ์ดํธ ๊ณต์ ๋ฅผ ๋์ด ์ค์ ๊ธฐํ๊น์ง
- ํผ๊ทธ๋ง์ ๊ฐ์ฅ ํฐ ์ฅ์ ์ธ ์ค์๊ฐ ํ์
. ์ปค๋ฎค๋ํฐ ํ
ํ๋ฆฟ ํ์ฉ๋ฒ์ ์ตํ๊ณ ์ค์ ํ๋ก์ ํธ์ ์ ์ฉํด ์ ์ ํ ๊ฒฐ๊ณผ๋ฌผ์ ๋ง๋ค ์ ์์ด์.
์ด๋ฐ ๋ถ๋ค๊ป ์ถ์ฒํด์ ๐
ํผ๊ทธ๋ง๋ก ๋์งํธ ๊ธฐํ์ด๋ ์ธ์ฌ์ดํธ ๊ณต์ ๋ฅผ ์ํ๋ ๋ถ
์จํํธ ์๋์ ์
๋ฌด ๊ณต์ ๋ฐฉ๋ฒ์ ๋ฐฐ์ฐ๊ณ ์ถ์ ๋ถ
๋น ๋ฅด๊ฒ ์ค๋ฌด์ ์ ์ฉ ๊ฐ๋ฅํ ๊ธฐ๋ฅ์ ์ตํ๊ณ ์ถ์ ๋ถ
๊ฐ๋จํ ํด๋ก ์
๋ฌด ํจ์จ์ฑ๊ณผ ์์ฐ์ฑ์ ๊ทน๋ํํ๊ณ ์ถ์ ๋ถ
๋์์ธ ์ ๊ณต์๋ ๋น์ ๊ณต์๋ ์๊ด์์ด์! Figma๋ฅผ ์ ํ ๋ชจ๋ฅด๋ ๋ถ๋ค๋ ์์๋ถํฐ ํ์ฉ๊น์ง ๋ง์คํฐํ ์ ์๋๋ก ๋์๋๋ฆฝ๋๋ค.
Figma๋ฅผ ๋ฃ๊ณ ๋๋ฉด ๐
๋ง์์บ ํผ์ค์ <Figma๋ฅผ ํ์ฉํ ๋์งํธ ๊ธฐํ ์
๋ฌธ> ๊ฐ์๋ฅผ ๋ฃ๊ณ ๋๋ฉด, ์ฌ๋ฌ๋ถ๊ป์๋ ๋ค์๊ณผ ๊ฐ์ ์ญ๋์ ํ๋ณดํ์ค ์ ์์ต๋๋ค.
1. Figma์ ๋ํ ์ดํด : Figma๊ฐ ๊ฐ์ง ๊ฐ๋ ฅํ ๊ธฐ๋ฅ๋ค์ ๋ํ ์ ๋ฐ์ ์ธ ์ดํด ๋ฅ๋ ฅ
2. ๋ค์ํ ๋๊ตฌ ํ์ฉ : ์ด๋ํฐ๋ ๋ ์ด์์, ํ๋ฌ๊ทธ์ธ, ์ปดํฌ๋ํธ ๋ฑ ๋ค์ํ ๊ธฐ๋ฅ๋ค์ ๋ํ ์ดํด ๋ฅ๋ ฅ
3. ์ปค๋ฎค๋ํฐ ํ
ํ๋ฆฟ์ ๋ํ ์ดํด : ์๋ง์ ๋์์ด๋๊ฐ ๊ณต์ ํ ๋์์ธ ๋ฆฌ์์ค๋ฅผ ํตํ ์
๋ฌด ์์ฐ์ฑ ํฅ์
๋์งํธ ์๋์ ํ์ ์ญ๋์ ๋ชจ๋ ํค์๊ฐ์ค ์ ์์ต๋๋ค.
๋๊ตฌ๋ณด๋ค ๋น ๋ฅด๊ณ , ํํํ๊ฒ Figma๋ฅผ ์์ ํ ์ ๋ณตํด๋ณด์ธ์.
PRACTICE 1. Figma์ ์นํด์ง๊ธฐ

PRACTICE 2. ํ๋ก์ ํธ ์์ํ๊ธฐ

PRACTICE 3. Figma ์ค๊ธ ํ์ฉ


PRACTICE 4. Figma ์ค์ ํ๋ก์ ํธ


๐ข ์๊ฐ ์ ํ์ธํด์ฃผ์ธ์!
- ์ค์ต ์์ฃผ์ ๊ฐ์์ด๊ธฐ ๋๋ฌธ์ ๊ฐ์ ํ๋ฉด๊ณผ ์ค์ต ํ๋ฉด์ ๋ถ๋ฆฌํ ์ ์๋ ๋์ผ ๋ชจ๋ํฐ ๋๋ ์ฌ๋ถ ๊ธฐ๊ธฐ๋ฅผ ํจ๊ป ์ค๋นํ๋ฉด ์ข์ต๋๋ค.
- Windows OS ๊ธฐ๋ฐ์ผ๋ก ์ค์ต์ด ์งํ๋๋ฏ๋ก, Windows ํ๊ฒฝ์์์ ๊ฐ์ ์๊ฐ์ ์ถ์ฒํด๋๋ฆฝ๋๋ค.
- ๊ฐ์ ๊ต์์ <0. ๊ต์ฌ ๋ค์ด๋ก๋ ์ผํฐ> ์น์
์ ์์ต๋๋ค. ๊ตฌ๋ฆ ๋ชจ์ ์์ด์ฝ์ ๋๋ฌ ๋ค์ด ๋ฐ์ ์ฃผ์ธ์.
์์ ์ง๋ฌธ Q&A ๐ฌ
Q. Figma์ ๋ํ ์ ์ ์ง์์ด ํ์ํ๊ฐ์?
ํ๋๋ ํ์ํ์ง ์์ต๋๋ค! ๋ณธ ๊ฐ์๋ ๋น์ ๊ณต์, ์ด๋ณด์๋ ์ฝ๊ฒ ๊ฐ์๋ฅผ ๋ฐ๋ผ์ฌ ์ ์๋๋ก ์น์ ํ๊ณ ์์ธํ๊ฒ ์ค๋ช
ํฉ๋๋ค. ๊ทธ๋ฌ๋ ๊ฑฑ์ ํ์ง ๋ง๊ณ ์ผ๋จ ์๊ฐํด๋ณด์ธ์. ๊ฐ์๋ฅผ ๋ค ๋ฃ๊ณ ๋ ํ์๋ '์ ๋๋ก' ๋์์ธ ํ๊ฒฝ์ ์ดํดํ๊ณ ํ์ฉํ ์ ์์ ํ
๋๊น์!
Q. ๊ฐ์๋ฅผ ์๊ฐํ๊ธฐ ์ํ ์๊ตฌ ์ฌํญ ๋๋ ํ์์กฐ๊ฑด์ด ์๋์?
์ค์ต ์์ฃผ์ ๊ฐ์์ด๊ธฐ ๋๋ฌธ์ ๊ฐ์ ํ๋ฉด๊ณผ ์ค์ต ํ๋ฉด์ ๋ถ๋ฆฌํ ์ ์๋ ๋์ผ ๋ชจ๋ํฐ ๋๋ ์ฌ๋ถ ๊ธฐ๊ธฐ๋ฅผ ํจ๊ป ์ค๋นํด์ฃผ์๋ฉด ์ข์ต๋๋ค. ๋ํ Windows OS ๊ธฐ๋ฐ์ผ๋ก ์ค์ต์ด ์งํ๋๋ฏ๋ก, Windows ํ๊ฒฝ์์์ ๊ฐ์ ์๊ฐ์ ์ถ์ฒํด๋๋ฆฝ๋๋ค.
์ง์๊ณต์ ์ ์๊ฐ โ๏ธ