์ ํฌ๋ ํ๋ก๋ํธ ๋์์ด๋์ ์ฑ์ฅ์ ๋๋ ๋ณผ๋์ ์์ค๋ฉ ๋ฉ์ธ ํํฐ์ธ ๋ณผ๋, ์ ๊ฒฝ๋ ฅ์ ๋ฆฌ์์ฒ๋ก ์์ํ์ฌ ํ๋ก๋ํธ ๋์์ด๋๋ก ์ปค๋ฆฌ์ด ์ ํ ํ ํํ ํฌ, ํด๋ผ์ฐ๋ ํ ํฌ, ๋ง์ผํ ๋ฑ ๋ค์ํ ๋ถ์ผ์์ ๊ฒฝํ์ ์๊ณ ์์ต๋๋ค. ๊ตญ๋ด ์์ฌ ์ถ์ ์ผ๋ก ํด์ธ๊ต์ก ์์ด ํด์ธ์์ ์ทจ์ ํ์ฌ ๋ค์ํ ์ค๋ฌด ๊ฒฝํ์ ํ๊ณ ์์ผ๋ฉฐ, ์ค๋ฌด์์ ์๋์ ๋ด์ฉ์ ์งํํด์์ต๋๋ค.
์ฌ์ฉ์ ๋ฆฌ์์น ์์คํ ๊ตฌ์ถ, ๊ด๋ฆฌ
๋์์ธ ์์คํ ๊ตฌ์ถ, ๊ด๋ฆฌ,
ํผ๊ทธ๋ง UI/ํ๋กํ ํ์ดํ
๋์์ธ ์ญ๋ ์ฝ์นญ, ๋ฉํ ๋ง
์ธํ๋ฐ์ ํตํด ์ ๊ฐ ์๊ณ ์๋ ์ค๋ฌด ๋ ธํ์ฐ๋ฅผ ๊ณต์ ํ๊ณ ์ด๋ฅผ ํตํด ์ ๋ ๋ง์ด ๋ฐฐ์ฐ๊ณ ์ถ์ต๋๋ค.
๊ฐ์ฌํฉ๋๋ค.
๊ฒฝํ ๋ฐ ๊ฒฝ๋ ฅ
(ํ) ๋ฐ์ดํฐ ์๋ฃจ์ ํ์ฌ ยท ์๋์ด ํ๋ก๋ํธ ๋์์ด๋
(์ ) ๊ธ๋ก๋ฒ ๋ฆฌ์์น, ํํ ํฌ, ํด๋ผ์ฐ๋ ์ปดํจํ ๋ฑ ๋ค์ํ ๋ถ์ผ์์ ํ๋ก๋ํธ ๋์์ด๋๋ก ํ๋
์ฐ์ธ๋ ์ธ์ง๊ณตํ๋ฉ ๋ฆฌ์์ฒ
Courses
Reviews
- [UI3 Update] Building a Design System Using Figma Variables
- [UI3 Update] Building a Design System Using Figma Variables
- 6-Week Complete Design System Bootcamp 4th Cohort
- 6-Week Complete Design System Bootcamp 4th Cohort
- Learn Figma UI Design Class Properly from Basics to Practice
Posts
Q&A
์์ ํ์ผ
์๋ ํ์ธ์, ํ๋ก์ ํธ๋น๋์ ๋. ํ์ฌ ๊ฐ์์์ ์ฌ์ฉ๋๋ ๋ชจ๋ ์์ ํ์ผ์ Practice v1 ํด๋ ์์ ํฌํจ๋์ด ์์ต๋๋ค.ํน์ ์ ๊ฐ ์ค์๋ก ๋๋ฝํ ๋ถ๋ถ์ด ์๋ค๋ฉด, ์ํ์๋ ์์ ์ ์คํฌ๋ฆฐ์ท์ด๋ ๊ตฌ์ฒด์ ์ธ ์ค๋ช ์ ๋ณด๋ด์ฃผ์๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค. ํ์ธ ํ, ๋น ๋ฅด๊ฒ ์ ๋ฐ์ดํธํ์ฌ ๋ฐ์ํ๋๋ก ํ๊ฒ ์ต๋๋ค.๊ฐ์ฌํฉ๋๋ค. ๋ณผ๋ ๋๋ฆผ.
- 0
- 2
- 16
Q&A
๋คํฌ๋ชจ๋ ์์ ์์ ์ฌ์ฉํ๋ ํผ๊ทธ๋ง ํ์ผ์ ๋ญ๊ฐ์ค?
์๋ ํ์ธ์.๊ฐ์์์ ์ฌ์ฉ๋๋ ํ์ผ์ ์ ๊ฐ์ ํ๋ ์ ํ ์ด์ ํ์ผ์ด๋ฉฐ, ์ด๋ ๊ณต์ ํด๋๋ฆฌ์ง ์๊ณ ์์ต๋๋ค. ๊ฐ์ฌํฉ๋๋ค.
- 0
- 2
- 23
Q&A
๋ท๋ถ๋ถ ๊ฐ์ ํ์ผ์ด ์๋๊ฑฐ ๊ฐ์ ์
์๋ ํ์ธ์, culwonder.company ๋ ํ์ฌ ๊ฐ์ ํ์ผ์ 2023๋ ๊ฐ์ ์คํ ํ ์ ์๊ถ ๋ฐ ๋์ฉ ๋ฌธ์ ๋ก ์ธํด ๋ ์ด์ ์ ์ฒด ํ์ผ์ ์ ๊ณตํด๋๋ฆฌ๊ณ ์์ง ์์ต๋๋ค. ๋ค๋ง, ๊ฐ์ ์ด๋ฐ ๊ฐ๋ ๋ถ๋ถ์ ์ด๋ ค์ํ์๋ ๋ถ๋ค์ด ๋ง์ ๊ทธ ๋ถ๋ถ์ ํํด์๋ง ๋ ธ์ (Notion) ์ ํตํด ์ ๋ฆฌํ์ฌ ์ ๊ณตํด๋๋ฆฌ๊ณ ์์ต๋๋ค. ๋ํ, ์ต๊ทผ ๋ช๋ช ์ ํ๋ฒ๋ถ๋ค์ด ์ ๊ฐ์๋ฅผ ๋ฌด๋จ์ผ๋ก ๋์ฉํ์ฌ ์ฌ์ฉํ์ ์ฌ๋ก๊ฐ ์์ด ๊ฒฝ๊ณ ์กฐ์น๋ฅผ ์ทจํ ์ ๋ ์์ต๋๋ค. ์ด ๋ถ๋ถ์ ๊ฐ์์์ ์ง์ ์ฌ์ฐ๊ถ ๋ฐ ๊ถํ๊ณผ ๊ด๋ จ๋ ์ฌํญ์ด๋ฏ๋ก ๋ถ๋์ดํ๊ฒ ์ํด ๋ถํ๋๋ฆฝ๋๋ค. ์ด๋ ค์ด ๋ถ๋ถ๋ค์ ์ง๋ฌธ์ ํตํด์ ๋ณต์ตํ๊ณ ๊ฐ๋ ์ ์ตํ๋๊ฐ์๋ ๊ฒ์ ์ถ์ฒ๋๋ฆฝ๋๋ค.๊ฐ์ฌํฉ๋๋ค.
- 0
- 1
- 22
Q&A
image aspect ratio
์๋ ํ์ธ์, ์ฐ์ ๊ฐ์ ์ดฌ์ ์์ ๊ณผ ํ์ฌ ๋ฒ์ ์ด ๋ฌ๋ผ ํ๋ฌ๊ทธ์ธ์ด ์์ด์ ธ ํผ๋์ ๋๋ ค ์ฃ์กํฉ๋๋ค. ํผ๊ทธ๋ง ์ ๋ฐ์ดํธ๋ก Lock ratio ๊ธฐ๋ฅ์ด ํ๋ฌ๊ทธ์ธ ์์ด๋ ํผ๊ทธ๋ง ์์์ ๋ฐ๋ก ์ง์๋ฉ๋๋ค.์๋ ์ด๋ฏธ์ง์ฒ๋ผ ํ๋ ์์ด๋ ๋ํ์ Layout ๋ฉ๋ด์์ ๊ฐ์ฅ ์ค๋ฅธ์ชฝ ๋ฒํผ์ ํด๋ฆญํ์๋ฉด, ์ค์ ๋ ๋น์จ์ ๋ฐ๋ผ ํฌ๊ธฐ๊ฐ ์๋์ผ๋ก ์กฐ์ ๋ฉ๋๋ค. (์ฌ์ง) ๋จ, ๋ฒํผ์ ๋๋ฅด๊ธฐ ์ ์ ๋ฏธ๋ฆฌ ๋น์จ ๊ณ์ฐ์ ํด๋์ ์ผ ํฉ๋๋ค.์๋ฅผ ๋ค์ด 4:3 ๋น์จ์ด๋ผ๋ฉด 400ร300 ํฌ๊ธฐ๋ก ์ค์ ํ ์ปดํฌ๋ํธํํ์๋ฉด ๋ฉ๋๋ค. ์ด ๋ถ๋ถ์ ๋ํ ์ค๋ช ๋ ๊ฐ์์ ๊ณง ์ถ๊ฐํ๋๋ก ํ๊ฒ ์ต๋๋ค.๊ฐ์ฌํฉ๋๋ค. ๋ณผ๋ ๋๋ฆผ.
- 0
- 1
- 19
Q&A
์ค์ฟผ๋๊ฐ ๋ญ๊ฐ์ค -_-;
์๋ ํ์ธ์, culwonder.company๋. ์ฐ์ ์ง๋ฌธ ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. ๊ฐ์์์ ์ธ๊ธ๋ โ์ค์ฟผ๋(Squad)โ๋ ๋ฌธ๋งฅ์ ๋ฐ๋ผ ์ฌ๋ฌ ์๋ฏธ๋ก ์ฐ์ผ ์ ์์ง๋ง, ์ด ๊ฐ์์์์ โ์ค์ฟผ๋โ๋ โํ(Team)โ์ด๋ผ๊ณ ์ดํดํ์๋ฉด ๋ฉ๋๋ค. ์ด ์ฉ์ด๋ ์๋ ์คํฌํฐํ์ด(Spotify)๋ผ๋ ํ์ฌ์ ์กฐ์ง ์ด์ ๋ฐฉ์์์ ์์๋ ๊ฐ๋ ์ผ๋ก, IT ๊ธฐ์ ์ด๋ ์คํํธ์ ์์ ์์ฃผ ์ฌ์ฉ๋ฉ๋๋ค. ํนํ ์ ์์ผ(Agile) ์กฐ์ง ๊ตฌ์กฐ์์ โ์ค์ฟผ๋โ๋ ์์จ์ ์ผ๋ก ์ผํ๋ ์๊ท๋ชจ ํ์ ์๋ฏธํฉ๋๋ค.๋ณดํต ํ๋์ ์ค์ฟผ๋๋ ๋์์ด๋, ๊ฐ๋ฐ์, ๊ธฐํ์, ๋ง์ผํฐ ๋ฑ ๋ค์ํ ์ญํ ์ ๊ฐ์ง ์ฌ๋๋ค์ด ๋ชจ์ฌ, ํน์ ๋ชฉํ๋ฅผ ํฅํด ํจ๊ป ํ๋ ฅํ๋ ๋จ์๋ก ๊ตฌ์ฑ๋ฉ๋๋ค. ์๋ฅผ ๋ค์ด, ๋์์ธ ์์คํ ์ค์ฟผ๋๋ ๋์์ธ ์์คํ ์ ์ง ๋ณด์๋ง์ ๋ชฉ์ ์ผ๋ก ๋ง๋ค์ด์ง ํ์ด๋ผ๊ณ ๋ณด์๋ฉด ๋ฉ๋๋ค. ์ ๊ฐ ๊ฐ์์์ ์ด ๋ถ๋ถ์ ์์ธํ ์ค๋ช ๋๋ฆฌ์ง ๋ชปํ ์ ์ ์ ๋ถ์ฐฐ์ ๋๋ค.์๊ฐํ์๋ ๋ถ๋ค๊ป์ ์ด๋ฏธ ์๊ณ ๊ณ์ค ๊ฑฐ๋ผ ์๊ฐํ์ง๋ง, ์์ผ๋ก๋ ์ด๋ฐ ์ฉ์ด๋ค๋ ๋ ์น์ ํ๊ฒ ํ์ด๋๋ฆฌ๋๋ก ํ๊ฒ ์ต๋๋ค. ๐ ์ข์ ์ง๋ฌธ ๋ณด๋ด์ฃผ์ ์ ๋ค์ ํ ๋ฒ ๊ฐ์ฌ๋๋ฆฝ๋๋ค.๋ณผ๋ ๋๋ฆผ.
- 0
- 1
- 25
Q&A
8:00 ์์ ์์ ์ค๋ฆฌ๊ณ ๋ถ์ฌ๋ฃ๊ธฐ๊ฐ ์๋ผ์
์๋ ํ์ธ์, ํ๋ก์ ํธ ๋น๋์ ๋. ์ ๊ฐ ์ง์ ๊ฐ์๋ฅผ ๋ฐ๋ผ ํด๋ณด๋ ์ ์์ ์ผ๋ก ์๋ํ๋ ๊ฒ์ ํ์ธํ์ต๋๋ค.๋จผ์ ์๋ ์ธ๊ฐ์ง๋ฅผ ๊ผญ ์ฒดํฌํด๋ณด์๊ธฐ ๋ฐ๋๋๋ค.๋จ์ถํคํ๋ ์์ด ์๋ ๋ํ๋ฒกํฐ ํ์ฑํ 1. ๋จ์ถํค๋ฅผ ํ ๋ฒ ํ์ธํด ๋ณด์๊ธฐ ๋ฐ๋๋๋ค.๋ํ ์ค๋ ค๋๊ธฐWindows: Ctrl + XMac: Command + X ๋ํ ๋ถ์ด๊ธฐWindows: Ctrl + VMac: Command + V 2. ์ค๋ ค์ ๋ถ์ด๋ ค๋ ์ค๋ธ์ ํธ๊ฐ ๋ฐ๋์ ๋ํ(Shape)์ด์ด์ผ ํฉ๋๋ค.โ ํ๋ ์(Frame) ์ ๊ฒฝ์ฐ์๋ ์ ์ฉ๋์ง ์์ต๋๋ค. 3. ํํด์ ์ฌ์ฉํ์ค ๋๋ ๋ฐ๋์ ์บ๋ฒ์ค ์ ์๋ฌด ๊ณณ์ด๋ ํ ๋ฒ ํด๋ฆญํ์ฌ ํ์ฑํ์์ผ์ผ ํฉ๋๋ค. ์ ๋จ๊ณ๋ฅผ ๋ชจ๋ ์งํํ์ จ์์๋ ๋ถ๊ตฌํ๊ณ ์ฌ์ ํ ์๋ํ์ง ์๋๋ค๋ฉด,์ถ๊ฐ๋ก ๋ฌธ์ ์ฃผ์๋ฉด ํ์ธํด๋๋ฆฌ๊ฒ ์ต๋๋ค. ๊ฐ์ฌํฉ๋๋ค.
- 0
- 1
- 14
Q&A
[gif์ฒจ๋ถ] ์์ด์ฝ ์ฌ์ด์ฆ ์ค์ Instant swap property
๋ต๋ณ์ด ๋ฆ์ด์ ธ์ ์ฃ์กํฉ๋๋ค. ์ฐ์ , ์ธ์คํด์ค ์ค์์ ์งํํ๋ฉด ์ ์ฒด๊ฐ ํจ๊ป ๋ณ๊ฒฝ๋๊ธฐ ๋๋ฌธ์ 24px๊ณผ 20px์ ํผ์ฉํ์ฌ ์ฌ์ฉํ๋ ๊ฒ์ ์ด๋ ต์ต๋๋ค. ์๋์ ์ฐธ๊ณ ์ฉ ํ์ผ์ ์ฒจ๋ถ๋๋ ธ์ต๋๋ค. ํด๋น ํ์ผ์ ๋ณด๋ค ์์ธํ ๋ด์ฉ์ด ์ ๋ฆฌ๋์ด ์์ผ๋ ํ ๋ฒ ๊ฒํ ํด๋ณด์๊ธฐ ๋ฐ๋๋๋ค. ์ฒจ๋ถ๋ ํ์ผ์์๋ ์ธ ๊ฐ์ง ๋ฐฉ๋ฒ์ ์ ์ํ๊ณ ์์ผ๋ฉฐ, ๊ฐ ๋ฐฉ๋ฒ๋ง๋ค ๊ณ ์ ํ ํน์ง์ด ์์ต๋๋ค.๊ทธ์ค ๋ฐฉ๋ฒ 1์ ํ์ฌ ์ฌ์ฉํ๊ณ ๊ณ์ ๋ฐฉ์์ผ๋ก ๋ณด์ ๋๋ค. ์๋ฒฝํ ๋ฐฉ๋ฒ์ ์์ผ๋ฉฐ, ๊ฐ ์ ๊ทผ๋ฒ๋ง๋ค ์ฅ๋จ์ ์ด ์กด์ฌํฉ๋๋ค.๊ฐ์ธ์ ์ผ๋ก๋ ๋ฐฉ๋ฒ 2๊ฐ ๋ณดํต ๋ฆฌ์กํธ ์์ด์ฝ ์ปดํฌ๋ํธ ๊ฐ๋ฐ ๋ฐฉํฅ๊ณผ ๊ฐ์ฅ ์ ๋ง๋๋ค๊ณ ์๊ฐํฉ๋๋ค. ํ๋ฒ ๊ฒํ ํด๋ณด์๊ณ , ์ถ๊ฐ๋ก ๊ถ๊ธํ ์ ์ด ์์ผ์๋ฉด ์ธ์ ๋ ๋ง์ํด ์ฃผ์ธ์.https://drive.google.com/file/d/17A7x7sHrziBRn94LXHqQOQsXk8cYy04T/view?usp=sharing
- 0
- 2
- 45
Q&A
Create Instance swap Property ์๋ณด์ด๋ ์ด์
์ง๋ฌธ์ด ํด๊ฒฐ๋ ๊ฒ ๊ฐ์ต๋๋ค. ๊ฐ์ฌํฉ๋๋ค.
- 0
- 3
- 38
Q&A
Image placeholder ๊ทธ๋ฃนํ
์๋ ํ์ธ์, orehi3634๋ ๋ฐ์ ์ธํ๋ฐ ์ธํด์ด ์์ธํ๊ฒ ๋ต๋ณํด์ฃผ์ด์ ๋์น๊ณ ์ง๋๊ฐ๋ค์. ์ฐ์ ๋จ๊ฒจ์ฃผ์ ์ง๋ฌธ์ ์ ์ ๋ต๋ณ์ด ๋ฆ์ ์ ์ฃ์กํฉ๋๋ค. ์ด๋ฒ์ Lock Aspect Ratio์ด ํ๋ฌ๊ทธ์ธ์ด ์์ด์ก์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ์ด์ ํผ๊ทธ๋ง ์์์ ์ด๋ฏธ์ง ๋น์จ์ ๊ณ ์ ํ ์ ์์ต๋๋ค. ์ด ๊ฒฝ์ฐ์ ์์ ๋ง๋์ ๋๋ก Group1 ์์ Frame ์ด๋ฏธ์ง๋ฅผ ๋ฃ์ผ์ ๋ ๋ฉ๋๋ค.์๋๋ฉด Group1 ์ต์์ ๋ ์ด์ด๋ง ๋จ๊ฒจ๋์ ๋ ๋ฌด๋ฐฉํฉ๋๋ค. ํ์ง๋ง ๋ง์ฝ ์ฝ๋๋ ๋น์ทํ๊ฒ ํ๊ณ ์ถ๋ค๋ฉด, ๋ณดํต์ div ์์ img ๋ฅผ ๋ฃ๋ ํธ์ด๋ผ ๋ง๋์ ๊ฒ์ ์ข ๋ ๋ฐ์ ํด๋๊ฐ์๋ฉด ๋ ๊ฒ ๊ฐ์ต๋๋ค. Group1 - ์ด๋ฏธ์ง ํ๋ ์/๋ํผ (๋ณดํต div)Frame - ์ด๋ฏธ์ง (๋ณดํต img) ๊ทธ๋ฆฌ๊ณ ์ด ๊ฒฝ์ฐ์๋ Group1 ์ต์๋จ์์ ํผ๊ทธ๋ง ๋ ์ด์์์์ W,H ์์ ์์ด์ฝ ๋๋ ค์ฃผ์๋ฉด ๋น์จ์ด ๊ณ ์ ์ด ๋ฉ๋๋ค. ๊ทธ๋ฆฌ๊ณ ํ๋จ Frame์ ๊ฒฝ์ฐ์๋ Constraints์์ ์ํ์ข์ฐ๋ฅผ ํ์๋ฉด ๊ด์ฐฎ์ ๊ฑฐ ๊ฐ์ต๋๋ค. Group1์ 16:9๋ฅผ ํ๊ณ ์ถ์๋ฉด ์์๋ก 160:90์ผ๋ก ๋ง๋ค๊ณ ๋น์จ ๊ณ ์ ํ ์ํ์๋ ํฌ๊ธฐ๋ก ๋ฐ๊พธ์๋ฉด ๋ฉ๋๋ค. ๋์์ด ๋์๋ผ๊ณ ์๋ ์ด๋ฏธ์ง๋ ์ฒจ๋ถํด๋๋ ธ์ต๋๋ค. (์ฌ์ง)๋ ์ด์ด ๊ตฌ์ฑ(์ฌ์ง)Image Frame: 16:9๋ก ๋น์จ ๊ณ ์ ํ๊ธฐ(์ฌ์ง)Image: ๋ด๋ถ ์ด๋ฏธ์ง ํ๋ ์ ์ปจ์คํธ๋ ์ธ ์ค์ : ์ด๋ ๊ฒ ํ๋ฉด Image Frame์ด ์ปค์ง๋ฉด ๊ฐ์ด ๋ฐ๋ผ์ด. ๊ฐ์ฌํฉ๋๋ค. ๋ณผ๋ ๋๋ฆผ.
- 0
- 2
- 37
Q&A
๋์์ธ์์คํ ๊ด๋ จ
์๋ ํ์ธ์, snowmanoh๋.์ฐ์ ์ข์ ์ง๋ฌธ ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค.์ ๋ ๋์์ด๋ ์์ด๋ ๋์์ธ ์์คํ ์ ๊ตฌ์ถํ๋ ๊ฒ์ ์ถฉ๋ถํ ๊ฐ๋ฅํ๋ค๊ณ ์๊ฐํฉ๋๋ค. ๋ง์ ๋ถ๋ค์ด โ๋์์ธโ์ด๋ผ๋ ๋จ์ด ๋๋ฌธ์ ๋ฐ๋์ ๋์์ด๋๊ฐ ์์ด์ผ ํ๋ค๊ณ ์๊ฐํ์์ง๋ง, ์ค์ ๋ก๋ ๊ทธ๋ ์ง ์์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ์ด๊ธฐ ๋จ๊ณ์์๋ ์ธ๋ ฅ๊ณผ ์๊ฐ์ด ํ์ ๋์ด ์๊ธฐ ๋๋ฌธ์, ์๋ก ๋ชจ๋ ๊ฒ์ ๋ง๋๋ ๊ฒ๋ณด๋ค ๊ธฐ์กด์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ํ์ฉํ๋ ๊ฒ์ด ํจ์ฌ ํจ์จ์ ์ ๋๋ค. ํนํ B2B ์๋น์ค์ ๊ฒฝ์ฐ, ์ฌ๋ฏธ์ ์ธ ์์ฑ๋๋ณด๋ค ๊ธฐ๋ฅ์ ์์ ์ฑ๊ณผ ํจ์จ์ฑ์ด ํจ์ฌ ๋ ์ค์ํ๊ธฐ ๋๋ฌธ์, ์ด๋ฐ๋ถํฐ ๋์์ธ ๋ฆฌ์์ค์ ๋ง์ ํฌ์๊ฐ ๊ผญ ํ์ํ๋ค๊ณ ๋ณด์ง ์์ต๋๋ค. ์ค์ ๋ก ์๋ง์กด์ ์ผ๋ถ AWS ์๋น์ค๋ง ๋ด๋ โ์ด๊ฒ ๋์์ด๋๊ฐ ๋ง๋ ๊ฒ ๋ง๋?โ ์ถ์ ๋ถ๋ถ์ด ์์ ์ ๋์ฃ . ๋ฐ๋ฉด, ๋์์ธ ์์คํ ์์ ๊ฐ๋ฐ์์ ์ญํ ์ ํ์์ ์ด๋ผ๊ณ ์๊ฐํฉ๋๋ค. ํนํ ์์ฆ์ฒ๋ผ AI ํด์ด ์๋ ๊ฒฝ์ฐ์์๋ ์ฌ์ค ๊ธฐํ์์ ๋์์ด๋ ์ฌ์ด์ ๊ฒฝ๊ณ๊ฐ ์ ์ ์ค์ด๋ค๊ณ ์์ต๋๋ค. ์ ๊ฐ ์ผํ๋ ๊ณณ์ PM์ ๊ฒฝ์ฐ ๋ฌ๋ฒ๋ธ ๊ฐ์ ํด์ ํ์ฉํด ํ๋กํ ํ์ดํ์ ํ๊ฑฐ๋, v0์ ๋์์ธ ์์คํ ์ ์ฐ๊ฒฐํด ์ง์ ๋์์ธ ํ๋ฆ์ ์ก๊ธฐ๋ ํฉ๋๋ค. ๊ทธ๋์ ํด์ธ์์๋ ๊ธฐํ์์ ๋์์ด๋์ ์ญํ ๊ตฌ๋ถ์ด ๋๋ ทํ์ง ์์ ๊ฒฝ์ฐ๊ฐ ๋ง๊ณ , ๊ทธ๋งํผ ํ๋ก๋ํธ ๋์์ด๋ ์ญํ ์ด ์ด ๋์ ๋ชจ๋ ์ปค๋ฒํ๋ฉฐ, ์ฌ์ฉ์ ๊ฒฝํ(UX)์ ๋ ์ง์คํ๋ ์ญํ ๋ก ๋ฐ๋๊ณ ์์ต๋๋ค(๋น์ฆ๋์ค ๋ถ๋ถ๋ ๊ฐ์กฐ๋๊ณ ๊ทธ๋์ ๋ฐ์ดํฐ ์ญ๋๋ ์๊ตฌ ๋๊ณ ์๊ณ ์) ์ถ์ฒ๋๋ฆฌ๊ณ ์ถ์ ๋ฐฉ๋ฒ์, ๋์์ธ ์์คํ ์ ์ฒ์๋ถํฐ ์ง์ ๋ค ๋ง๋ค๊ธฐ๋ณด๋ค๋, ๊ฐ๋ฐ์์ ํ์ํ์ฌ ํ์ฌ ์ฌ์ฉํ๋ ๊ธฐ์ ์คํ๊ณผ ํ๋ ์์ํฌ๋ฅผ ํ์ธํ ํ ์ด๋ฏธ ์กด์ฌํ๋ ์์คํ ์ ์ ๊ทน ํ์ฉํ๋ ๊ฒ์ ๋๋ค. ์๋ฅผ ๋ค์ด ๋จธํฐ๋ฆฌ์ผ(Material)์ ์ฌ์ฉ ์ค์ด๋ผ๋ฉด, ์ด๋ฏธ ์์ฑ๋ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ ์์คํ ์ ๊ธฐ๋ฐ์ผ๋ก ์์ํ์๊ณ , ํ์ํ ๋ถ๋ถ๋ง ์ปค์คํฐ๋ง์ด์งํ์๋ฉด ๋ฉ๋๋ค. ์ด๋ ์ ๊ฐ์๋ฅผ ํตํด์๋ ๊ทธ๋ฌํ ์ ๊ทผ๋ฒ์ ์ฝ๊ฒ ์ตํ์ค ์ ์์ ๊ฑฐ์์. ๊ฒฐ๊ตญ ์ฐ๋ฆฌ๊ฐ ์๋น์ค๋ฅผ ๋ง๋๋ ์ผ์ โ์ํธโ๋ฅผ ๋ง๋๋ ๊ฒ ์๋๋ผ, ์ฌ์ฉ์์ ๋ฉํ ๋ชจ๋ธ์ ๋ง์ถ ํจ์จ์ ์ธ ์ธํฐํ์ด์ค๋ฅผ ์ค๊ณํ๋ ์ผ์ ๋๋ค. ์๋ฅผ ๋ค์ด ๋ฒํผ ํ๋๋ฅผ ๋์์ธํ๋ค๊ณ ํด๋, ๋จ๋ค๊ณผ ์ ํ ๋ค๋ฅธ ํํ๋ ์๋ก์ด ์ธํฐ๋์ ์ ๋ง๋๋ ๊ฒ ์๋๋ผ, ์ฌ์ฉ์๊ฐ ์ต์ํ๊ฒ ์ธ์ํ ์ ์๋ ํํ์ ๋ฒํผ์ ๋ง๋๋ ๊ฒ์ด์ฃ . ํนํ ์ ๊ฐ์๋ ๊ฐ๋ฐ์ ๋ถ๋ค์ด ๋ง์ด ๋ค์ผ์๋๋ฐ, ๋ค ๋ฃ๊ณ ๋์๊ณ ์ค์ ๊ฐ์ธํ๋ก์ ํธ, ๊ทธ๋ฆฌ๊ณ ํ์ฌ์ ์ฌ์ฉํ์๋ ๋ถ๋ค์ ๋ง์ด ๋ณด์์ต๋๋ค. ๋์์ธ ๊ฐ๊ฐ์ด ์์ผ์ ๋ ์ถฉ๋ถํ ํ์ค ์ ์์ต๋๋ค. ๊ฐ์ฌํฉ๋๋ค.๋ณผ๋ ๋๋ฆผ.
- 0
- 1
- 40





![Thumbnail image of the [UI3 Update] Building a Design System Using Figma Variables](https://cdn.inflearn.com/public/courses/332289/cover/5b65a944-ebb3-44a7-96b2-60ca5b0cd0ea/332289-eng.png?w=148)