ํ๋ซํผ ์ค์ฟผ๋ ์ฃผ๊ฐ ํ์๋ก
๊ฐ์ธ๋ณ ์์ ๋ค
๊ณต์ ํ๊ณ ์ถ๊ฑฐ๋, ๋
ผ์ํด์ผํ ์ฌํญ์ ์ ์ด์ฃผ์ธ์.
๋ชฉํ
๋ฏธํ
์ ์ฃผ์ ๋ชฉํ ๋ฐ ๋
ผ์ํ ์ฌํญ์ ์ ์ด์ฃผ์ธ์.
โข
์ด๋์ ๋ ์๊ฒฐ์ฑ์ ๊ฐ์ถ ๋์์ธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ (์คํ ๋ฆฌ๋ถ)
Why
โฆ
DE - Figma์์๋ ๊ทธ๋๋ ๊ธฐ๋ณธ์ ์ผ๋ก๋ ๊ฐ์ถฐ์ ธ ์์
โฆ
FE
์๊ฐํ๋ ์๋ฃ๊ฐ ์๊ธฐ ๋๋ฌธ์ ์
๋ฐ์ดํธ๋ ์์ ๋ฑ์ ๊ต์ฅํ ๋ณ์๊ฐ ๋ง์
๋์์ธ - ์ฝ๋ ์์ ์ด๊ฒฉ์ด ๋ง์ด ํฐ ์ํ์
โฆ
์คํ ๋ฆฌ๋ถ์ด ๊ฐ์ฅ ์ต์ ํ๋ ๊ธฐ์ค์ด ๋์ด์ผ ํ๋ค.
โช
๋์์ด๋์ ์์ง๋์ด์๊ฒ ์ฝ์๋ ๊ธฐ๋ฅ
โฆ
Docs๊ฐ ๋ถ์คํ๋ค.
โช
DE ์ฌ์ฉ์ฑ ๋ฐ ์ฌ์ฉ ๋ฐฉ๋ฒ ๊ฐ์ด๋๊ฐ ๋ถ์คํ๊ฑฐ๋ ์์
โช
FE ์ด๋ป๊ฒ ์ด ์ปดํฌ๋ํธ๋ฅผ ์ฌ์ฉํด์ผ ํ๋๊ฐ ๊ฐ์ด๋๊ฐ ์์
โฆ
ํฝ์
ํผํํธ ๋ฑ์ ์ด๊ฒฉ
โฆ
๋น์ฐํ ์ ๊ท ์ปดํฌ๋ํธ ์ถ๊ฐ ๋ฐ ๊ด๋ฆฌ์์ ์์ธกํ์ง ๋ชปํ ๋ณ์๋ค์ด ๋ฐ์ํ๊ธฐ ๋งค์ฐ ์ฌ์
โข
ํ๋ซํผ ์์์์ ๊ณตํตํ ๋ถ์ฌ
โฆ
์กํฐ๋นํฐ๋ฅผ ๋์์ฃผ๋ ํ๋ฉด๋ค์ด ๊ณตํตํ๋์ง ์์๋ค ๋ณด๋๊น 1๊ฐ๋ฅผ ๋ง๋ค์ด์ N๊ฐ์ ํ๋ฉด์ ๋ค ํ
์คํธ ํด์ผํ๋ ์๊ณ ๋ก์
โช
์๊ฐํด ๋ณด๋ ํธ๋ฆฌ UI๋ก ๊ฐค๋ฌ๋ฆฌ ๋ทฐ๋ก ๋ฏธ๋ฆฌ๋ณด๊ธฐ ๋ฑ๋ ์์
โฆ
์์
์์ ์ ์ ๋ (์ธํ์ ๋ฃ์์ผ๋๊น ์์ํ์ด ์ ๋๋ก ์ถ๋ ฅ๋ ๊ฑฐ๋ผ๋ ๋ง์ฐํ ๋ฏฟ์์ด ์์)
โข
MCP AI ๋์
โฆ
LLM์ ํตํ ํฝ์
ํผํํธ๋ฅผ ๋ง๋ค๊ณ ์ถ์ โ DS๋ฅผ ๊ธฐ์ค์ผ๋ก
โฆ
DS์ ๊ตฌํ์ ์ผ์น๊ฐ ๋์์ผ ์์ํ์ง ์์๊น?
ย ์๋ก์ด ์ํฌํ๋ก์ฐ๋ฅผ ๋์
ํ๋ค.
- Figma โ MCP โ ์ ๋๋ง โ Figma - ํฌ๋ก๋งคํฑ์ ๋์ด๋ฆฌ๊ธฐ - ํ์ด์ง ๋จ์์ ๊ณตํตํ
โข
ํฌ๋ก๋งคํฑ ๋ค์ ์ฌ์ฉํ๊ธฐ (๋ฆฌ๋ทฐ์ด : ๋์์ด๋) (์ง๊ธ ๋ฐ๋ก ์ํฌํ๋ก์ฐ)
โฆ
์์
์ ์๋ฃํ๋ฉด ํฌ๋ก๋งคํฑ์ ์ฌ๋ ค์ ๋ด๋น ๋์์ด๋์๊ฒ ๋ฆฌ๋ทฐ ์์ฒญ์ ํ๋ค.
โฆ
๊ธฐ๋ฅ์ ๋ฒ๊ทธ๋ฐฐ์๋ฅผ ํตํด์ ๊ฒ์ํ๋ค.
โข
StoryBook 1์ฐจ ์ ๋ฆฌ (ํผ๊ทธ๋ง๋ฅผ ๊ธฐ์ค์ผ๋ก) (5์์ด์์ ๋ง๊น์ง)
โข
ํ๋ก ํธ ๋จ์์ ์๋ฐ์ ์ ๋ฆฌ๋ฅผ ํ๋ ๊ฒ์ผ๋ก
โข
๋์์ธ ์์คํ
(Figma 2.0) (6์๊น์ง)
Design System 2.0 (์ด์์๋ ์์คํ ๊ตฌ์ถํ๊ธฐ)
์ฃผ์ ๋ ผ์ ์ฌํญ
๋ฏธํ
์ค ๋
ผ์๋ ์ฃผ์ ์ฃผ์ ์ ๊ฒฐ๋ก ์ ์ ์ด์ฃผ์ธ์.
๋
ผ์ ์ฃผ์ 1
โข
๋
ผ์ ๋ด์ฉ:
โข
๊ฒฐ๋ก /๊ฒฐ์ :
์ก์ ํ๋
ํ์ ์์
๊ณผ ํ๋์ ์ ์ด์ฃผ์ธ์.
๊ธฐํ ์ฌํญ
Q&A ๋ฑ ๊ธฐํ ๋
ผ์๋ ์ฌํญ์ ์ ์ด์ฃผ์ธ์.