์ธ๊ณ๊ฐ ์ฃผ๋ชฉํ๋ UX/UI ๋์์ธ ํด,
์์ฆ ๋์ธ๋ Figma(ํผ๊ทธ๋ง)! ๐
๐ข ์๊ฐ ์ ์ฐธ๊ณ ํด์ฃผ์ธ์!
- ๋ณธ ๊ฐ์๋ ํผ๊ทธ๋ง 2023 ์
๋ฐ์ดํธ ์ด์ ๋ฒ์ ์ผ๋ก ์งํ๋๋ ๊ฐ์์
๋๋ค.
- ๋ฐ๋์ ๋ฏธ๋ฆฌ๋ณด๊ธฐ๋ฅผ ํตํด ๊ฐ์๋ฅผ ํ์ธํ ํ ๊ตฌ๋งคํด์ฃผ์ธ์.
UXtools.co ์ ์ 2021๋
๊ฐ์ฅ ๊ธฐ๋๋๋ ๋์์ธ ํด, Figma
์ถ์ฒ: UXtools.co, 2020 Design Tools Survey (๋งํฌ)
UX ๋์์ด๋, ํ๋ก๋ํธ ๋์์ด๋ ๋ฑ ๋ฏธ๊ตญ ๋์์ด๋์ 1/4 ์ ๋๊ฐ ์ฐธ์ฌํ UXtools ์๋ฒ ์ด๊ฐ ๋ฐํ๋์์ต๋๋ค. ์ฃผ๋ชฉํ ๋งํ ์ ์ ๋จ์ฐ Figma(ํผ๊ทธ๋ง)์ ์ฑ์ฅ์ธ์
๋๋ค. Figma๋ ๋ธ๋ ์ธ์คํ ๋ฐ ๋ถ์ผ์์ Miro์ ๋ค๋ฅผ ๋ฐ์ง ๋ค์ซ๊ณ ์์ผ๋ฉฐ ๊ทธ๋ฐ์ ์ฌ์ดํธ๋งต, ์ธํฐํ์ด์ค ๋์์ธ, UI ํ๋กํ ํ์ดํ, ํธ๋์คํ(๊ฐ์ด๋ ๋ผ์ธ), ๋์์ธ ์์คํ
๊ด๋ฆฌ ๋ฑ์์ 1์๋ฅผ ์ฐจ์งํ์ต๋๋ค. ํนํ 2021๋
์ฃผ๋ชฉํ ๋งํ ํด์์ ์๋์ ์ธ 1์๋ฅผ ๊ฑฐ๋๋ ์ฑ๊ณผ๋ฅผ ๊ธฐ๋กํ๋๋ฐ์, ๊ทธ๋ ๋ค๋ฉด ์ด๋ค ์ ์ด Figma๋ฅผ ๋งค๋ ฅ์ ์ธ ๋์์ธ ํด๋ก ๋ง๋ค์์๊น์?
์ ํผ๊ทธ๋ง์ผ๊น์?
ํ์
์ ์ต๊ฐ์!
Figma์ ๊ฐ์ฅ ํฐ ํน์ง์ '์ค์๊ฐ ํ์
'์
๋๋ค. ์น/์ฑ์ ๋์์ธ์ด ๋์ค๊ธฐ๊น์ง๋ ๋ค์์ ํ๋ก์ธ์ค๋ฅผ ๊ฑฐ์นฉ๋๋ค.
๋์์ธ์ ์ํ ๊ณผ์ ์ ๋ณต์กํฉ๋๋ค. ๋์์ด๋๋ฟ๋ง ์๋๋ผ ๊ธฐํ์, ๊ฐ๋ฐ์๊น์ง ๋ชจ๋๊ฐ ํจ๊ป ์ฐธ์ฌํด์ผ ํ๋ฉฐ ์ํต์ ๊ฑฐ์น๋ฉด์ ์ต์ด ์์๊ณผ๋ ๋ง์ ๋ถ๋ถ์ด ๋ณ๊ฒฝ๋ ์๋ ์์ฃ . ํ๋์ ํ๋ก์ ํธ์ ์ฌ๋ฌ ๋ช
์ ๋์์ด๋๊ฐ ์ฐธ์ฌํ๋ ๊ฒฝ์ฐ๋ ๋น๋ฒํฉ๋๋ค. ๊ทธ๋ ๊ธฐ ๋๋ฌธ์ ๋์์ธ ๊ณผ์ ์์ ํ์
์ ๋งค์ฐ ์ค์ํ ํฌ์ธํธ์
๋๋ค.
ํ์
์ ์์ด์ Figma๋ ํ์ํ ์ ์ฐ์ฑ๊ณผ ์์ฐ์ฑ์ ๋ฐํํ๋ ํด์
๋๋ค. ๋ฐ๋ก ์น ๋ธ๋ผ์ฐ์ ๊ธฐ๋ฐ์ ํ๋ก๊ทธ๋จ์ด๊ธฐ ๋๋ฌธ์ด์ฃ . ์ผ๋ฐ ๋์์ธ ํด์ ํ๋ก๊ทธ๋จ์ ๋ค์ด ๋ฐ์ ์ฌ์ฉํ๋ ๋ฐ๋ฉด, Figma๋ ๋ธ๋ผ์ฐ์ ์ ์ ์ํ์ฌ ์ฌ์ฉํฉ๋๋ค. ์ธํฐ๋ท์ด ์ ์ ๊ฐ๋ฅํ ๊ณต๊ฐ์ด๋ผ๋ฉด ๋ฐ์คํฌํฑ ์ฑ์ ๋ค์ดํ ํ์ ์์ด ์ธ์ ์ด๋์๋ Figma์ ์ ์์ด ๊ฐ๋ฅํฉ๋๋ค. ํด๋ผ์ฐ๋ ๊ธฐ๋ฐ์ ํ๋ก๊ทธ๋จ์ด๋ผ ์ ์ฅ ๊ณต๊ฐ์ด ๋ณ๋๋ก ํ์ํ์ง ์๋ค๋ ๊ฒ๋ ํฐ ์ฅ์ ์
๋๋ค. ์ค์๊ฐ์ผ๋ก ํ๋ฉด์ ๊ณต์ ํ ์ ์๊ณ , ๋ฒ์ ๊ด๋ฆฌ ๋ํ ํธ๋ฆฌํ ๋งํผ ํ์
์ ์ํ ์ต์ ์ ํ๊ฒฝ์ ์ ๊ณตํด ์ค๋๋ค.
๊ธฐ๋ณธ๊ณผ ์ค์ ์ ํ๋ฒ์.
์์๋๋ก ํ์ตํด๋ณด์ธ์!
ํผ๊ทธ๋ง, ์ด๋ป๊ฒ ์ฌ์ฉํ ๊น์?
Figma ๊ณ์ ์ ์์ฑํ๋ ๋ฐฉ๋ฒ๋ถํฐ ์์
ํ๊ฒฝ์ ์ค์ ํ๋ ๋ฐฉ๋ฒ์ ์์๋ด
๋๋ค. ์บ๋ฒ์ค์ ํ์ด์ง๋ฅผ ์ดํดํ๊ณ , ๊ธฐ๋ณธ์ ์ธ ์ธํฐํ์ด์ค์ ๊ธฐ๋ฅ์ ๋ฐฐ์ธ ์ ์์ด์.
ํผ๊ทธ๋ง์ ํต์ฌ์ ์ปดํฌ๋ํธ!
ํผ๊ทธ๋ง๋ ์ปดํฌ๋ํธ ๊ธฐ๋ฐ์ ํ๋กํ ํ์ดํ ํด์
๋๋ค. ์์ค๋ฅผ ์ปดํฌ๋ํธํจ์ผ๋ก์จ ๋ง์คํฐ ์์ค๋ฅผ ์ธ์ ๋ ์ง ํธ๋ฆฌํ๊ฒ ๋ถ๋ฌ์ ์ฌ์ฉํ ์ ์์ฃ . ์ปดํฌ๋ํธ ๊ฐ๋
์ ์ดํดํ๊ณ ์ค์ต์ ํตํด ๋ฐฐ์ด ๋ด์ฉ์ ๋ง์๊ป ํ์ฉํด ๋ณด์ธ์.
์ธํฐํ์ด์ค ์ค๊ณ๋ OK.
Iconify, Auto Flow, Auto Layout ํ๋ฌ๊ทธ์ธ์ ํตํด ์ธํฐํ์ด์ค๋ฅผ ์ค๊ณํ๋ ๋ฐฉ๋ฒ์ ์ดํดํด ๋ด
๋๋ค. ์ค์ต์ ํตํด ๋ฐฐ์ด ๋ด์ฉ์ ์ฐจ๊ทผ์ฐจ๊ทผ ํ์ฉํ ์ ์์ด์.
์ผ๊ด์ ์ธ ํค์ผ๋ก ๊ฐ๊ฟ๋ณด์ธ์.
์๋น์ค UI๋ฅผ ๋์์ธํ ๋๋ ๋ฐ๋ณตํด์ ์ฌ์ฉํ๋ ์์์ด๋ ํ
์คํธ๊ฐ ์๊ธฐ ๋ง๋ จ์ด์ฃ . ์ผ๊ด์ฑ ์๊ฒ UI๋ฅผ ๋์์ธํ ์ ์๋๋ก ๋ฐ๋ณต์ ์ผ๋ก ์ฌ์ฉํ๋ ์์๋ฅผ ์คํ์ผ ๊ฐ์ด๋๋ก ๋ง๋ค๊ณ , ์ ์ฉํด ๋ด
๋๋ค.
์ผ์๋ฌ๋ฅผ ์ํ ํ๋กํ ํ์ดํ.
ํผ๊ทธ๋ง์ ํ๋กํ ํ์ดํ ๋ฐฉ์์ ์ดํดํ๊ณ , ์ด๋ค ๊ตฌ์ฑ ์์๊ฐ ์๋์ง๋ฅผ ์ดํดํฉ๋๋ค. ์ปค๋ฎค๋์ผ์ด์
ํจ์จ์ ๋์ด๊ณ ์์ฐ์ฑ์๊ฒ ์์
ํ๋ ๋ฐฉ๋ฒ์ ์ตํ๋ณด์ธ์!
ํ์
์ ๋ ์ฝ๊ณ ๋๋ํ๊ฒ.
๋์์ธ ํ๋ฉด์์ ์ฝ๋ฉํธ๋ฅผ ๋ฐ๋ก ๋ฌ์ ๊ณต์ ํ๋ ๋ฐฉ๋ฒ, ๋์์ธ ํ์ผ ๋ฒ์ ๊ด๋ฆฌ, ๊ณต์ ํ๊ธฐ, ๋ด๋ณด๋ด๊ธฐ ๋ฑ ํ์
์ ์ํ ํผ๊ทธ๋ง์ ์ฌ๋ฌ ๊ธฐ๋ฅ์ ์์๋ด
๋๋ค.
์ด๋ฐ ๋ถ๋ค ์ฃผ๋ชฉํ์ธ์!
ํ๋กํ ํ์ดํ?
์ฒ์ ํ๋กํ ํ์ดํ ํด
ํ์ตํ๋ ๋ถ
ํผ๊ทธ๋ง?
Figma๋ฅผ ๋ฐฐ์ฐ๊ณ ์ถ์
UX/UI ๋์์ด๋
ํํ๋ ์ด
ํ์
ํจ์จ์ ์ฌ๋ฆฌ๊ณ ํ
ํ๋ก๋ํธ ํ์
๋ฌดํ ๋ฐฑ์
์ค...
๋ฒ์ ๊ด๋ฆฌ๊น์ง ํธํ
์ฌ์ธ์ ํด์ ์ฐพ๋ ๋ถ
UX/UI ์
๋ฌธ,
์ธํ๋ฐ๊ณผ ํจ๊ป ๋์ ํด๋ด์.
์ธํ๋ฐ ์ค๋ฆฌ์ง๋ UX/UI ๋ก๋๋งต ๋ณด๋ฌ๊ฐ๊ธฐ โจ
์๊ฐ ์ ํ์ธํด์ฃผ์ธ์!
- ๋ณธ ๊ฐ์๋ ์์
๋ด์ฉ์ ๋ํ ์ง์์๋ต์ ์ ๊ณตํ์ง ์๋ ๊ฐ์์
๋๋ค. ํ์ต์ ์ฐธ๊ณ ํด์ฃผ์๊ธฐ ๋ฐ๋๋๋ค.