์๋ ํ์ธ์.
AI ํ์ฉ UIUX ํ์คํ ๋์์ธ ๋๋ ํฐ J.์์ ๋๋ค.
์ ๋ 20๋
์ด์ ์นยท์ฑ ์๋น์ค ๊ธฐํ, ๋์์ธ, ๊ฐ๋ฐ ์ค๋ฌด๋ฅผ ๊ฒฝํํ์ผ๋ฉฐ,
ํ์ฌ๋ UIUX ์น๊ธฐํ ยท ๋์์ธ ยท ํ๋ก ํธ์๋ ๋ถํธ์บ ํ ๊ฐ์ฌ๋ก ํ๋ํ๊ณ ์์ต๋๋ค.
์ค๋ฌด ๊ฒฝํ์ ๋ฐํ์ผ๋ก ์ง๊ธ๊น์ง 500๋ช ์ด์์ ์๊ฐ์์ด ๋์์ธ ๋ฐ IT ๋ถ์ผ๋ก ์ทจ์ ํ ์ ์๋๋ก ๋์์ผ๋ฉฐ, ํ์ฌ๋ AI ์๋์ ๋ง๋ ์๋ก์ด ํฌํธํด๋ฆฌ์ค ์ ์ ๋ฐฉ๋ฒ๊ณผ ์ค๋ฌด ์ญ๋ ๊ต์ก์ ์ง์คํ๊ณ ์์ต๋๋ค.
์ ์ ๊ฐ์ ์ฒ ํ์!
์ค๋ฌด์ ๋ฐ๋ก ํฌ์ ๋ ์ ์๋ ์ญ๋ ๊ตฌ์ถ
๋จ์ํ ํด ์ฌ์ฉ๋ฒ์ ๋ฐฐ์ฐ๋ ๊ฒ์ด ์๋๋ผ, ๊ธฐํ๋ถํฐ ๋์์ธ, ๊ฐ๋ฐ, ๋ฐฐํฌ๊น์ง ์ค๋ฌด์ ๋์ผํ ํ๋ก์ธ์ค๋ฅผ ๊ฒฝํํ๋ฉฐ ํ์
์์ ๋ฐ๋ก ํ์ฉํ ์ ์๋ ์ญ๋์ ๊ฐ์ถ๋๋ก ๋์ต๋๋ค.
ํ์ ์ด ์ํ๋ ํต์ฌ ์ญ๋ ์ง์ค
๋น ๋ฅด๊ฒ ๋ณํํ๋ ์ฑ์ฉ ์์ฅ์์ ํ์ํ AI ํ์ฉ ๋ฅ๋ ฅ, ๋ฌธ์ ํด๊ฒฐ ๋ฅ๋ ฅ, ํ์
๋ฅ๋ ฅ์ ์ค์ฌ์ผ๋ก ํ์ตํฉ๋๋ค.
์ทจ์ ์ผ๋ก ์ฐ๊ฒฐ๋๋ ํฌํธํด๋ฆฌ์ค ์ ์
๋ฉด์ ๊ด์ด ๊ด์ฌ์ ๊ฐ์ง ์ ์๋ ํ๋ก์ ํธ์ ํฌํธํด๋ฆฌ์ค๋ฅผ ๋ง๋๋ ๋ฐ ์ง์คํฉ๋๋ค.
AI ์๋์๋ ๋์์ธ๋ง์ผ๋ก๋ ๋ถ์กฑํฉ๋๋ค.
์ด์ ๋ ๊ธฐํํ๊ณ , ๋์์ธํ๊ณ , ๊ตฌํํ๊ณ , ๋ฐฐํฌํ ์ ์๋
Fullstack Creator ์ญ๋์ด ํ์ํฉ๋๋ค.
Designํด ๊ธฐ๋ณธ ํ์ฉ ๋ฅ๋ ฅ + Claude, Codex, Figma๋ฅผ ํ์ฉํ์ฌ ์ค์ ์๋น์ค๋ฅผ ์ ์ํ๋ฉฐ,
AI์ ํจ๊ป ๊ฒฐ๊ณผ๋ฌผ์ ๋ง๋๋ ๋ฐฉ๋ฒ์ ๊ฒฝํํ๊ฒ ํฉ๋๋ค.
- ์ด๋์๋ถํฐ ์์ํด์ผ ํ ์ง ๋ง๋งํ ๋ถ,
- ํฌํธํด๋ฆฌ์ค์ ๊ฒฝ์๋ ฅ์ ๋์ด๊ณ ์ถ์ ๋ถ,
- AI๋ฅผ ํ์ฉํด ๋ ๋น ๋ฅด๊ฒ ์ฑ์ฅํ๊ณ ์ถ์ ๋ถ์ด๋ผ๋ฉด ์ ๊ฐ ์ฌ๋ฌ๋ถ์ ๋ ๋ ํ ๊ฐ์ด๋๊ฐ
๋์ด๋๋ฆฌ๊ฒ ์ต๋๋ค.
์ฌ๋ฌ๋ถ์ ๊ฒฐ๊ณผ๋ฌผ์ด ์์ฑ๋๋ ์๊ฐ๊น์ง ํจ๊ปํ๊ฒ ์ต๋๋ค.
์ค๋ฌด๊ฒฝ๋ ฅ
2017~ํ์ฌ | Digital Product Director & UX Consultant
2015~2017 | Executive Director, EliEsel Inc.
2003~2015 | Executive Director, Amusingware Inc.
2003 | Head of Design, Seowoo C&D
๊ฐ์๊ฒฝ๋ ฅ
์ทจ์ ํฌํธํด๋ฆฌ์ค ์ ์ ๋ฐ ํ๋ก์ ํธ ๋ฉํ ๋ง
๊ธฐ์ ์ถ๊ฐ ๋ฐ ์ค๋ฌด ์ญ๋ ๊ฐํ ๊ต์ก
๋ํ ยท ๊ธฐ์ ยท ๊ต์ก๊ธฐ๊ด ๋์ ์ค๋ฌด ๊ฐ์
๋์์ธ ยท ๊ฐ๋ฐ ํฌํธํด๋ฆฌ์ค ์ปจ์คํ ๋ฐ ๊ทธ๋ฃน ๋ฉํ ๋ง
์ค๋ฌด ํ๋ก์ ํธ ๊ธฐ๋ฐ ํ ์ฝ์นญ ๋ฐ ํฌํธํด๋ฆฌ์ค ์ง๋
๊ธฐ์ ์ฌ์ง์ ๋ฐ ์ทจ์ ์ค๋น์ ๋์ ์ค๋ฌด ๊ต์ก
AI ๊ธฐ๋ฐ UIUX ยท ํ๋ก ํธ์๋ ์ค๋ฌด ๊ต์ก ๋ฐ ์ปจ์คํ
- ํ) UIUX ๊ธฐํ ยท ๋์์ธ ยท ํ๋ก ํธ์๋ ๋ถํธ์บ ํ ์ ์ ๊ฐ์ฌ (์ด์ DX์์นด๋ฐ๋ฏธ -๊ฐ๋จ์ )
- ๋์์ธ.๊ฐ๋ฐ ํฌํธํด๋ฆฌ์ค ์ ๋ฌธ ๊ฐ์ ๋ฐ ํ๊ทธ๋ฃน๊ฐ์
* ์ด์์ค์ธ ์ ํ๋ธ (์ฝ๋ฉํ๋ ๋์์ด๋)
์คํ์ฑํ ๋ฐฉ ์ด์
๋ณด๋ค ์ํํ ํ์ต์ ์ํด, J.young์ด ์ด์ํ๋ ์๋์น๋ ์คํ์ฑํ
๋ฐฉ์ ๊ฐ์
ํ์๋ฉด,
๊ฐ์ ์ง๋ฌธ๊ณผ ํฌํธํด๋ฆฌ์ค ๊ด๋ จ ํผ๋๋ฐฑ ๋๋ฆฝ๋๋ค.
- ์คํ์ฑํ
๋ฐฉ๋ช
: ์๋์น๋
- ์ฝ๋ : jyoung
Courses
Reviews
- Figma UI3 Basics + Practical Skills Solid Ultra-Fast Completion Course
- Figma MCP ร AI x Vibe Coding: Completing a Responsive Web Portfolio in Just 4 Hours
- 2024 HTML/CSS Basic Solid Super Speed Complete Course
- Figma UI3 Basics + Practical Skills Solid Ultra-Fast Completion Course
- Figma UI3 Basics + Practical Skills Solid Ultra-Fast Completion Course
Posts
Q&A
figma ํ์ผ์ ๋ฐ์ ์๊ฐ ์์ด์
์๋ ํ์ธ์? ํ์๋๋์๋ฃ ์ ๋ฐ์ผ์ จ์ง์?๊ฐ์ ๋ค์ผ์๋ค๊ฐ ๊ถ๊ธํ์ ์ ์์ผ์๋ฉด ์ง๋ฌธ์ฃผ์ธ์~~ํ์ดํ ํ์ธ์^^J.์๋๋ฆผ
- Likes
- 0
- Comments
- 1
- Viewcount
- 56
Q&A
์ปค์, ํด๋ก๋, ํผ๊ทธ๋ง๋ ๋ชจ๋ ์ ๋ฃ๋ฒ์ ์ ์ฌ์ฉํด์ผํ๋์?
JJJ๋ ์๋ ํ์ธ์? J.์์ ๋๋ค.๋ณธ๊ฐ์๋ ์ด 1์ฐจ๋ถํฐ 3์ฐจ๊น์ง ์งํํ๊ณ ์๋๋ฐ์~~1์ฐจ๊ฐ์๋ Cursor ์ ๋ฃ๋ก ์งํํ์ต๋๋ค.2์ฐจ๊ฐ์๋ Antigravity ๋ฌด๋ฃ์ Claude ์ ๋ฃ๋ก ์งํํ์ต๋๋ค.MCP๋ฅผ ์ฐ๊ฒฐํด์ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ์ธ์๋ ์์ด์ ํธ ์ฌ์ฉ๋ฒ์ ๋ชจ๋ ๊ฐ์ผ๋๊ตณ์ด Cursor๊ฐ ์๋ ๋ Claude๋ฅผ ์ ๋ฃ๋ก ๊ฒฐ์ ํ์๋ฉด๋๊ตฌ์..์ฐ์ต์ฉ์ผ๋ก Antigravity ๋ฌด๋ฃ๋ก ๋จผ์ ์ฌ์ฉํด๋ณด์๊ณ , Claude๋ฅผ ๊ฒฐ์ ํ์ ๋ ์ข์ ๊ฒ ๊ฐ์์~~(2์ฐจ ๊ฐ์์ Antigravity์ Claude MCP ์ฐ๊ฒฐํ๋ ๋ถ๋ถ๋ ์ฌ๋ ค๋๋ ธ์ต๋๋ค)Figma๋ ๋ฒ ๋ฆฌ์ด๋ธ ๋ฑ๋ก๋๋ฌธ์ ์ ๋ฃ ๊ฒฐ์ ๊ฐ ๋์ด์ผํ๋๋ฐ..tokens.jsonํ์ผ์ ๋ฐ๋ก ์ ๊ณตํ์ผ๋ ๋ณ์ ๋ฑ๋ก๋๋ฌธ์ Figma๋ฅผ ์ ๋ฃ๋ก ๊ฒฐ์ ํ์ค ํ์๋ ์์ ๊ฒ ๊ฐ์ต๋๋ค์์ฆ์ AI๊ฐ ๋ณ์๋ฑ๋ก๋ ๋ค ํด์ฃผ๋๊น...๊ตณ์ด ํ๋ค๊ฒ ์ผ์ผ์ด ๋ณ์ ๋ฑ๋ก๋ ํ ํ์๊ฐ ์์ด์ก์ด์ ใ ์ด๋ด์ฉ ๊ด๋ จํด์๋ ์ถํ์ ๊ฐ์ ์ ๋ฐ์ดํธ ์์ ์ ์์ต๋๋ค.๊ทธ๋ผ ์ด๊ณตํ์๊ณ ๊ถ๊ธํ์ ์ ์์ผ์๋ฉด ์ธ์ ๋ ์ง๋ฌธ ์ฃผ์ธ์^^๊ฐ์ฌํฉ๋๋ค .J.์๋๋ฆผ
- Likes
- 0
- Comments
- 1
- Viewcount
- 86
Q&A
์๋ ํ์ธ์, ๊ฐ์ข 5์ ํผ๊ทธ๋ง ํ์ผ์ ์ด๋์ ๋ณผ ์ ์๋์?
์๋ ํ์ธ์?prayforyooh๋๋ต์ด ๋ฆ์ด ์ฃ์กํฉ๋๋ค(์ ๊ฐ ์ง๋ฐฉ์ ๋ด๋ ค์์์~^^) 5๊ฐ์ ํผ๊ทธ๋ง autolayout๊ธฐ์ด ๊ฐ์๋ ๋ฐ๋ผํ์๋ฉด์ ํ์ตํ์๋๊ฑฐ๋ผ๋ฐ๋ก ๊ฒฐ๊ณผ๋ฌผ์ ์์ต๋๋คํ์ํ์๋ฉด jjjh523@nate.com์ผ๋ก ๋ฉ์ผ ์ฃผ์๋ฉด ๋ณด๋ด๋๋ฆฌ๊ฒ ์ต๋๋ค๊ฐ์ฌํฉ๋๋ค J.์๋๋ฆผ
- Likes
- 0
- Comments
- 2
- Viewcount
- 75
Q&A
๋ ธ์ ์ 20.Contact๊ฐ ์์ด์
์๋ ํ์ธ์? ๊น๊ฐํฌ๋๋ณธ ๊ฐ์๋ฅผ ์๊ฐํด์ฃผ์ ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค.์ปจํ ์ ๊ดํ ์๋ฃ๋ ์์๋ง ๋ณด์ ๋ ์ถฉ๋ถํ์๋ฆฌ๋ผ ์๊ฐ๋์ด์ ์์ฑํ์ง ์์์ต๋๋คํผ์ ์ ๋๋ ค ์ฃ์กํฉ๋๋ค.์ผ๋จ ๋ ธ์ ์๋ฃ์ 19~20๊ฐ์๋ก ํ์ดํ์ ์์ ํ์์ด์^^์๋ฃ๊ฐ ์์ผ์ ์ ๋ถํธํ์๋ค๋ฉด ๋ค์ ๋ง์ํด์ฃผ์ธ์^^๋ณด์ํด์ ์ฌ๋ฆฌ๋๋ก ํ๊ฒ ์ต๋๋ค๊ฐ์ฌํฉ๋๋ค.์ค๋๋ ์ข์ ํ๋ฃจ ๋์ธ์^^J.์๋๋ฆผ
- Likes
- 0
- Comments
- 2
- Viewcount
- 47
Q&A
Json ํ๋ฌ๊ทธ์ธ ์ฌ์ฉ์ variable collection ์์
์ ํ๋ น๋~ํผ๊ทธ๋ง ํ์ผ์ Duplicate to your drafts๋ก ๋ณต์ ํ์ฌ ๊ฐ์ ธ๊ฐ์ จ์๊น์?์ ๋ ํ๋ น๋๊ณผ ๊ฐ์ ์ํฉ์ ์ฐ์ถํด ๋ด์ผ, ๋ฌธ์ ์ ์ ์ฐพ์ ์ ์์๊ฒ ๊ฐ์์ใ ์ง๊ธ ์ํฉ์์ ์ ๋ ๋ชจ๋ ๊ฒ์ด ์ ๋ณด์ด๋ ์ํฉ์ด๋ผ์์...๋ต๋ณ์ฃผ์๋ฉด ๋ฌธ์ ํด๊ฒฐ์ ์ ์ฐพ์๋ณด๋๋ก ํ๊ฒ ์ต๋๋ค.๊ฐ์ฌํฉ๋๋ค.J.์๋๋ฆผ
- Likes
- 0
- Comments
- 2
- Viewcount
- 55
Q&A
๋ฐฐ๋ฆฌ์ด๋ธ ๋ชฉ๋ก ์์
ํ๋ น๋ ์๋ ํ์ธ์?ํ๋ น๋ ์ง๋ฌธ์ฃผ์ ์ ์ ๋ง ๊ฐ์ฌ๋๋ ค์~~ํ๋ น๋ ๋ง์๋๋ก ์ด์ ๋ ๋ณต์ฌํด์ ๋ถ์ฌ๋ฃ๊ธฐํ๋ฉด ์๋๋๋ก ์ ์ฑ ์ด ๋ฐ๊ผ๋ค์ ใ ใ ใ ์ฌ๋ฌ๋ฐฉ๋ฒ์ผ๋ก ํ ์คํธํด๋ณธ ๊ฒฐ๊ณผ~~์๋ ์ด๋ฏธ์ง์ฒ๋ผ Duplicat to your drafts๋ก ํด์ ๊ฐ์ ธ๊ฐ์๋ฉด ๋ฒ ๋ฆฌ์ด๋ธ ๋ฑ๋กํ๊ฒ๋ ๋ค ๋ณด์ด๋ค์~~~์ด๋ ๊ฒ ๊ฐ์ ธ๊ฐ์ ์ ํ ์คํธ ํด๋ณด์๊ณ ๋ ์๋์๋ฉด ์ง๋ฌธ์ฃผ์ธ์^^๊ฐ์ฌ๋๋ ค์~~(์ฌ์ง)~
- Likes
- 0
- Comments
- 3
- Viewcount
- 96
Q&A
Token ๋ฑ๋ก ๋ฐฉ๋ฒ ๋ฌธ์
์๋ ํ์ธ์? ํ๋ น๋์ข์ ์ง๋ฌธ ๊ฐ์ฌ๋๋ฆฝ๋๋ค.๊ฒฐ๋ก ๋ถํฐ ๋ง์๋๋ฆฌ๋ฉด,๊ฐ์ ๋ฐฉ์(TypeA)๊ณผ Primitive/Semantic ๋ฐฉ์(TypeB)์ ์๋ก ํ๋ฆฐ ๊ฒ์ด ์๋๋ผ ๋ชฉ์ ์ด ๋ค๋ฅธ ๊ตฌ์กฐ์ ๋๋ค.๋ณธ ๊ฐ์์์๋ ์์๋ฅผ ๊ธฐ์ค์ผ๋ก ๊ฐ์ ์ชผ๊ฐ๋ ๋ฐฉ์(TypeA)์ ์ฌ์ฉํ์ต๋๋ค. AI๊ฐ ๋์์ธ ๊ตฌ์กฐ๋ฅผ ํท๊ฐ๋ฆฌ์ง ์๊ณ ์ ํํ๊ฒ ์ฝ๋๋ก ๋ง๋ค๊ธฐ ์ํจ์ ๋๋ค.์๋ฅผ ๋ค์ดsection-padding-top = 20section-padding-bottom = 10์ด๋ ๊ฒ ์ ์ํ๋ฉดAI ์ ์ฅ์์๋ โ์ด ๊ฐ์ด ์ด๋์ ์ฐ์ด๋์งโ๋ฅผ ๋ฐ๋ก ์ดํดํ ์ ์์ด์๊ตฌํ ์ ํ๋๊ฐ ๋์์ง๋๋ค.๋ฐ๋ฉด์ ์ค๋ฌด ๋์์ธ ์์คํ ์์๋ ๋ณดํต Primitive + Semantic ๊ตฌ์กฐ(TypeB)๋ฅผ ๋ง์ด ์ฌ์ฉํฉ๋๋ค.Primitivespacing-10 = 10pxspacing-20 = 20pxSemanticsection-padding-top = spacing-20section-padding-bottom = spacing-10์ด ๋ฐฉ์์ ๊ฐ ์ฌ์ฌ์ฉ, ์ ์ง๋ณด์, ํ์ฅ์ฑ์ ๋ ์ ๋ฆฌํด์์ค์ ์ค๋ฌด์์๋ ๋ณดํต ์ด๋ ๊ฒ ๋ง์ด ์ฌ์ฉํ๊ธฐ๋ํ๋๋ฐ์ ๋ ์ค ํ๋๊ฐ ์ ๋ต์ด ์๋๋ผ, ์ํฉ์ ๋ฐ๋ผ ์ ํํ๊ฑฐ๋ ํผํฉํด์ ์ฌ์ฉํ๋ ๊ฒ์ด ๊ฐ์ฅ ์ข์ ๋ฐฉ๋ฒ์ด๋ผ ์๊ฐ๋ฉ๋๋ค๊ฐ์ฌํฉ๋๋ค^^J.์๋๋ฆผ
- Likes
- 0
- Comments
- 1
- Viewcount
- 46
Q&A
๋ฐฐ๋ฆฌ์ด๋ธ ๋ชฉ๋ก ์์
์๋ ํ์ธ์? ๊นํ๋ น๋๋จผ์ ๋ณธ ๊ฐ์๋ฅผ ์๊ฐํด ์ฃผ์ ์ ๊น์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค.๋ฒ ๋ฆฌ์ด๋ธ์ 2๋ฒ์งธ page๋ฅผ ์ ํํ์๊ณ , variables์ค๋ฅธ์ชฝ์ ๋ฒํผ์ ํด๋ฆญํ์ ์ responsive๋ฅผ ์ ํํ์๋ฉด ๋ฉ๋๋ค.(์ฌ์ง)ํจ ์ดํด๋ณด์๊ณ ์ฌ์ ํ ์๋ณด์ด์ ๋ค๋ฉด ๋ค์ ์ง๋ฌธ์ฃผ์๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค.์ค๋๋ ์ข์ํ๋ฃจ ๋์ธ์^^J.์๋๋ฆผ
- Likes
- 0
- Comments
- 3
- Viewcount
- 96
Q&A
์ ์๋ ๊ฐ ๊ฐ์ข๋ง๋ค ์์๋ก ๋ณด์ฌ์ฃผ์๋ ์นํ์ด์ง๋ค์ ์ด๋์
yyasd0110๋๊ฐ์ ๊ฒฐ๊ณผ๋ฌผ์ ๋ง์ํ์๋ ๊ฑธ๊น์???๊ฒฐ๊ณผ๋ฌผ์ ๋ฐ๋ก ์ฌ๋ฆฌ์ง๋ ์์๋๋ฐ์~~์ฝ๋ฉ๊ฒฐ๊ณผ๋ฌผ์ด ํ์ํ์๋ค๋ฉด ์คํ๋ผ์ธ ์์ ์์ ํ์ฉํ ๊ฒฐ๊ณผ๋ฌผ์ ๋๋ฆด ์ ์์ด์jjjh523@nate.com์ผ๋ก ๋ฉ์ผ์ฃผ์๋ฉด ๋ณด๋ด๋๋ฆฌ๋๋ก ํ๊ฒ ์ต๋๋ค๊ฐ์ฌํฉ๋๋ค^^J.์๋๋ฆผ
- Likes
- 0
- Comments
- 1
- Viewcount
- 62
Q&A
๋ ธ์ 25 ์ธํฐ๋ ์ ๊ตฌํ ํํธ ์ ๋ณด์ ๋๋ค!
์๋ ํ์ธ์? ์๋ฆฌ์ค์ฌ๋ฆฌ์ค๋25๊ฐ์ด ์ ์๋ณด์ผ๊น์? ์ ๋ ๋ณด์ด๋๋ฐ์..๊ทธ๋์ ๋ณต์ฌํด์ ๋ ์ฌ๋ ธ์ต๋๋ค.ํ๋ฒ ํ์ธํ์๊ณ ์ฌ์ ํ ์๋ณด์ด์๋ฉด ๋ค์ ๋ต๋ณ๋ถํ๋๋ฆฝ๋๋ค.(์ฌ์ง)
- Likes
- 0
- Comments
- 2
- Viewcount
- 64






