Figma MCP ร AI x Vibe Coding 4ๆ้ใงๅฎๆใใใใฌในใใณใทใWebใใผใใใฉใชใช
Figmaใใถใคใณ + AIๆดป็จใณใผใใฃใณใฐ + ใใใญใคใพใงใใซในใฟใใฏใณใผใน๏ผ๏ผ [Figma + ใใคใใณใผใใฃใณใฐ (HTML/CSS/Tailwind/React) + Git + vercel ใใใญใค] ่ชๅใฎใใถใคใณใใฎใพใพ๏ผ๏ผ1ใใฏใปใซใฎ่ชคๅทฎใใชใใใคใใณใผใใฃใณใฐใงๅฎๆ๏ผ AIๆดป็จใงๅฎๅใฎ็็ฃๆงใ5ๅ้ซใใใใซในใฟใใฏๆป็ฅๆฌ๏ผ ใใถใคใณใใณใผใใฃใณใฐใใในใฆๅฏ่ฝใชใใซในใฟใใฏใใถใคใใผใใใชใใใชใใพใใ โ ใใถใคใณใฎๆๅณใพใงไธใใฏใปใซใฎ่ชคๅทฎใชใๅ ท็พ โ AIใ็่งฃใใใใถใคใณ่จญ่จ โ AIใๆญฃ็ขบใซใณใณใใญใผใซใใใใญใณใใๅถไฝ่ฝๅ โ AIใ่ช็ฑใซไฝๆใใใณใผใใใตใฏใตใฏไฟฎๆญฃใใ่ฝๅ ใใถใคใณใใใณใผใใฃใณใฐใใใใญใคใพใง1/5ใซ็ญ็ธฎใใใ้ฉใใฎไฝ้จใใๅฑใใใพใใ
ๅ่ฌ็ 216ๅ
้ฃๆๅบฆ ๅ็ด
ๅ่ฌๆ้ ็กๅถ้
ไปใฎๅ่ฌ็ใใใใใ่ณชๅใๆฐใซใชใใพใใ๏ผ
- ๆช่งฃๆฑบ
์ปค์, ํด๋ก๋, ํผ๊ทธ๋ง๋ ๋ชจ๋ ์ ๋ฃ๋ฒ์ ์ ์ฌ์ฉํด์ผํ๋์?
์๋ ํ์ธ์. ์ ์๋,์ปค์, ํด๋ก๋, ํผ๊ทธ๋ง๋ ๋ชจ๋ ์ ๋ฃ๋ฒ์ ์ ์ฌ์ฉํด์ผํ๋์?๊ฐ๊ฐ ๋ฒ์ ์ด๋๊ฑธ ์ฐ๋ฉด ์ข์์ง
HTML/CSSfigmaํฌํธํด๋ฆฌ์ค์ธ๊ณต์ง๋ฅ(ai)๋ฐ์ด๋ธ์ฝ๋ฉamywine07017463
ใป
21ๆ้ๅ
0
15
1
- ๆช่งฃๆฑบ
์๋ ํ์ธ์, ๊ฐ์ข 5์ ํผ๊ทธ๋ง ํ์ผ์ ์ด๋์ ๋ณผ ์ ์๋์?
์๋ ํ์ธ์, ๊ฐ์ข 5์ ํผ๊ทธ๋ง ํ์ผ(๋ผ์ด๋ธํด๋์ค ๊ฐ์ข)์ ์ด๋์ ๋ค์ด๋ฐ์ ์ ์๋์?
HTML/CSSfigmaํฌํธํด๋ฆฌ์ค์ธ๊ณต์ง๋ฅ(ai)๋ฐ์ด๋ธ์ฝ๋ฉprayforyooh2177
ใป
8ๆฅๅ
0
52
2
- ๆช่งฃๆฑบ
๋ ธ์ ์ 20.Contact๊ฐ ์์ด์
๋ ธ์ ์ ๋ฆฌ๋ณธ์ 20.Contact์ ๊ดํ ๋ด์ฉ์ด ์์ด 19๋ฒ์์ 21๋ฒ์ผ๋ก ๊ฑด๋๋ฐ์ด์<img src="https://cdn.inflearn.com/public/files/posts/827b242c-a98e-4b6
HTML/CSSfigmaํฌํธํด๋ฆฌ์ค์ธ๊ณต์ง๋ฅ(ai)๋ฐ์ด๋ธ์ฝ๋ฉgahhhh94070877
ใป
13ๆฅๅ
0
42
2
- ๆช่งฃๆฑบ
Json ํ๋ฌ๊ทธ์ธ ์ฌ์ฉ์ variable collection ์์
์๋ ํ์ธ์. Jsonํ ํ๋ ค๊ณ ํ๋ฌ๊ทธ์ธ ์ค์ต์ ํด๋ณด๊ณ ์๋๋ฐ, ์ ์๋์ด ์ ๋ก๋ํด์ฃผ์ ํ์ผ๋ค์ ์ ๋๋ํํธ์ ๋ณต๋ถํ๊ณ ์ฌ์ฉํ๊ณ ์์ต๋๋ค.ํ๋ฌ๊ทธ์ธ ์คํ์ ๋ค์๊ณผ ๊ฐ์ด
HTML/CSSfigmaํฌํธํด๋ฆฌ์ค์ธ๊ณต์ง๋ฅ(ai)๋ฐ์ด๋ธ์ฝ๋ฉmarui5935
ใป
1ใถๆๅ
0
47
2
- ๆช่งฃๆฑบ
๋ฐฐ๋ฆฌ์ด๋ธ ๋ชฉ๋ก ์์
์๋ ํ์ธ์. ์ฒจ๋ถํด์ฃผ์ Figma ํ์ผ์ ๋ณต์ฌํด์ ์ ํผ๊ทธ๋ง๋ก ๊ฐ์ ธ์จ ํ, ๋ฐฐ๋ฆฌ์ด๋ธ์ด ์ ๋์ค๋์ง ๋ณด๊ธฐ ์ํด ํด๋ฆญํ๋๋ฐ์.์ ์๋ ํ๋ฉด์๋ ์๋์ฐ ์๋จ์ respo
HTML/CSSfigmaํฌํธํด๋ฆฌ์ค์ธ๊ณต์ง๋ฅ(ai)๋ฐ์ด๋ธ์ฝ๋ฉmarui5935
ใป
1ใถๆๅ
0
73
3
- ๆช่งฃๆฑบ
Token ๋ฑ๋ก ๋ฐฉ๋ฒ ๋ฌธ์
์๋ ํ์ธ์. ๋ฐฐ๋ฆฌ์ด๋ธ ์์ฑ๋ฒ ๊ด๋ จํ์ฌ ๊ถ๊ธํ ์ ์ด ์์ต๋๋ค.๊ฐ์์์๋ ๋ชจ๋ ์ปดํฌ๋ํธ์ ๋ํ์ฌ ๋ฐฐ๋ฆฌ์ด๋ธ ๊ฐ์ ์ชผ๊ฐ์ ๋ฑ๋กํ๋๊ฒ์ผ๋ก ์ดํดํ์๋๋ฐ์.<p sty
HTML/CSSfigmaํฌํธํด๋ฆฌ์ค์ธ๊ณต์ง๋ฅ(ai)๋ฐ์ด๋ธ์ฝ๋ฉmarui5935
ใป
1ใถๆๅ
0
35
1
- ่งฃๆฑบ
๋ ธ์ 25 ์ธํฐ๋ ์ ๊ตฌํ ํํธ ์ ๋ณด์ ๋๋ค!
<img src="https://cdn.inflearn.com/public/files/posts/572a64a7-9957-47af-abe9-68606c1bf1b6/e1897c09-bb19-44f5-82f6-476de16573cd.png" media-type="img"
HTML/CSSfigmaํฌํธํด๋ฆฌ์ค์ธ๊ณต์ง๋ฅ(ai)๋ฐ์ด๋ธ์ฝ๋ฉaleyna
ใป
1ใถๆๅ
0
53
2
- ๆช่งฃๆฑบ
figma variable ๋ฐ์ํ ๋์์ธ ๊ฒฐ๊ณผ๋ฌผ ๊ณต๋
figma variable ์ฐ๊ฒฐ ๊ฒฐ๊ณผ๋ฌผ์ url์ด ์๋๋ฐ, ์ด๋์ ๋ฐ์ ์ ์์๊น์? ๋ค์ ๊ฑธ์ด์ฃผ์๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค.<img src="https://cdn.inflearn.com/public/files/posts
HTML/CSSfigmaํฌํธํด๋ฆฌ์ค์ธ๊ณต์ง๋ฅ(ai)๋ฐ์ด๋ธ์ฝ๋ฉrlacogml12176652
ใป
2ใถๆๅ
0
87
2
- ๆช่งฃๆฑบ
๋ก๊ณ ์ด๋ฏธ์ง๊ฐ์๋๋ฐ์..
๋ก๊ณ ์ด๋ฏธ์ง ์ ๋ก๋ํด์ฃผ์ธ์
HTML/CSSfigmaํฌํธํด๋ฆฌ์ค์ธ๊ณต์ง๋ฅ(ai)๋ฐ์ด๋ธ์ฝ๋ฉjungsojin182720
ใป
3ใถๆๅ
0
73
2
- ๆช่งฃๆฑบ
ํผ๊ทธ๋ง AI๊ธฐ๋ฅ ๊ด๋ ค
ํผ๊ทธ๋ง์์ ๋ ์ด์ด ์ด๋ฆ ์ผ๊ด๋ฐ๊พธ๊ธฐ ๊ธฐ๋ฅ์ ์ฐ๋ฉด ์ ๋ถ ์ฒซ๊ธ์๊ฐ ๋๋ฌธ์๋ก ๋ฐ๋๋๋ฐ ์ง์ ์๋ฌธ์๋ก ๋ฐ๊พธ๋ ์์ ์ ํด์ผํ๋์?
HTML/CSSfigmaํฌํธํด๋ฆฌ์ค์ธ๊ณต์ง๋ฅ(ai)๋ฐ์ด๋ธ์ฝ๋ฉreact38493995
ใป
3ใถๆๅ
0
87
2
- ๆช่งฃๆฑบ
hero-img ์ด๋ฏธ์ง
์ ์๋์ด ์ฃผ์ ์ด๋ฏธ์ง์ค, hero-img(png)๋ ์์ง๋ง svg๋ ์์ต๋๋ค. ํ์ธ๋ถํ ๋๋ฆฝ๋๋ค.
HTML/CSSfigmaํฌํธํด๋ฆฌ์คai-ํ์ฉ-(ax)๋ฐ์ด๋ธ์ฝ๋ฉinmytoto
ใป
3ใถๆๅ
0
88
1
- ๆช่งฃๆฑบ
ํฐํธํ์ธ ๋ถํ ๋๋ฆฝ๋๋ค.
ํฐํธPPEditorialNew ํฐํธ๋ค์ด : <a target="_blank" rel="noopener noreferrer nofollow" href="https:
HTML/CSSfigmaํฌํธํด๋ฆฌ์คai-ํ์ฉ-(ax)๋ฐ์ด๋ธ์ฝ๋ฉไฝๆ่ ใชใ
ใป
3ใถๆๅ
0
83
2