

๋์์ธ์์ ์ฌํ์ฉ ๊ฐ๋ฅํ ๋ธ๋ก
ํ ๋ฒ ๋ง๋ค์ด๋๋ฉด ๊ณ์ ์ฐ๊ณ , ๋ฐ๊พธ๋ฉด ๋ค ๊ฐ์ด ๋ฐ๋๋ ๋ ๊ณ ์กฐ๊ฐ ๊ฐ์ ๊ฒ.
๋์ด ๋์์ธํ ๋ ๋ฒํผ์ ๋ง๋ค์๋ค๊ณ ์นฉ์๋ค.
๋ฐฐ๊ฒฝ์: ํ๋์
ํ ์คํธ: โํ์ธโ
ํ ๋๋ฆฌ ๋ฅ๊ธ๊ธฐ: 8px
ํจ๋ฉ: 16px 24px
์ด๊ฑธ ์ปดํฌ๋ํธ๋ก ๋ง๋ค๋ฉด?
๐ ์ดํ์ ํ์ด์ง 100๊ตฐ๋ฐ์ ๋ฒํผ ๋ถ์ฌ๋
๋ชจ๋ ์ด โ์๋ณธโ ์ปดํฌ๋ํธ๋ฅผ ๋ณต์ฌํด์ ์ฐ๋ ์
์.

์ปดํฌ๋ํธ๋ ๋์ฅ ์๋ณธ์ด๊ณ
์ธ์คํด์ค(Instance)๋ ๊ทธ๊ฑธ๋ก ์ฐ์ด๋ธ ๋ณต์ฌ๋ณธ์ด์ผ.
์๋ณธ ์ปดํฌ๋ํธ๋ง ๊ณ ์น๋ฉด,
๋์ฅ ์ฐ์ ์ ๋ค์ด ์ซ๋ฅด๋ฅด ๊ฐ์ด ๋ฐ๋ ๐โโ๏ธ

Main component: ์ง์ง ์๋ณธ (์์ข์ ์์ ์์๐)
Instance: ๊ทธ๊ฑธ ๋ณต์ฌํด์ ์ด ์ ๋ค (์ ํ๋ค๐จโ๐พ)
์ธ์คํด์ค๋ ํ
์คํธ๋ ์์ด์ฝ ์ ๋๋ ์ปค์คํ
๊ฐ๋ฅ
(์: ๋ฒํผ ์ด๋ฆ๋ง โ์ทจ์โ, โํ์ธโ ๋ฑ ๋ค๋ฅด๊ฒ ์ค์ ๊ฐ๋ฅ)
์ปดํฌ๋ํธ๋?
โํ ๋ฒ ๋ง๋ค๊ณ ๊ณ์ ์ฐ๋ ๋์์ธ์ ๋ถํโ
์๋ณธ๋ง ๋ฐ๊พธ๋ฉด ์ธ์คํด์ค๊ฐ ๋ค ๋ฐ๋ผ ๋ฐ๋๋ ๋ ๊ณ ๊ฐ์ ์์คํ
ใ ใ InDesign์ โ์คํ์ผโ์ด๋ Figma์ ์ปดํฌ๋ํธ ๋๋ ์คํ์ผ ์์คํ ์ ๊ฐ๋ ์ ์ผ๋ก ๊ฑฐ์ ํ์ ์. ๐
InDesign์์ ๋ฌธ๋จ ์คํ์ผ์ ์ค์ ํด๋๋ฉด,
๐ ํด๋น ์คํ์ผ์ ์ ์ฉํ ๋ชจ๋ ํ
์คํธ์ ์๋ ๋ฐ์๋์?
Figma๋ Text Style์ด๋ ์ปดํฌ๋ํธ๋ก ๋๊ฐ์ด ํด.
๐ ์๋ณธ๋ง ๋ฐ๊พธ๋ฉด ๋ค~~~ ๋ฐ๋.
InDesign์ด ์ธ์/์ถํ ๋์์ด๋์ฉ โ์คํ์ผ ์๋ํ ์์คํ
โ์ด๋ผ๋ฉด,
๐ Figma๋ UI/UX ๋์์ด๋์ฉ โ์คํ์ผ + ๊ธฐ๋ฅ ํตํฉ ์๋ํ ์์คํ
โ
InDesign์ โ์ถ๋ ฅ์ฉโ ๊ธฐ๋ฐ
Figma๋ โํ๋ฉด์ฉ + ํ์
์ฉโ ๊ธฐ๋ฐ
โ ๋์์ด๋ & ๊ฐ๋ฐ์ & ๊ธฐํ์๊น์ง ๋ค ๊ฐ์ด ์
Figma์ ์ปดํฌ๋ํธ/์คํ์ผ ์์คํ ์ InDesign์ ์คํ์ผ ๊ฐ๋ ์ ํ์ฅํ์ด์, ํ๋ฉด์ค๊ณ์ฉ์ผ๋ก ์งํํ ํํ.