Minahal nga mga subscriber, Karon, gusto nakong ipaambit ang usa ka bag-ong yugto ni Felix Lee. Gitudloan ni Felix ang 1000 nga mga tigdesinyo kung giunsa ang pag-code gamit ang Claude Code ug Figma MCP. Gipakitaan nako siya kung giunsa niya pag-convert ang usa ka disenyo sa Figma ngadto sa usa ka nagtrabaho nga website ug gi-convert ang usa ka website balik ngadto sa ma-edit nga mga layer sa Figma. Ang usa ka tigdesinyo nga makapadala usa sa labing bililhon nga mga empleyado sa teknolohiya karon — pagkat-on kung giunsa pinaagi sa pagtan-aw niini nga yugto. Tan-awa karon sa YouTube, Apple, ug Spotify. Naghisgot kami ni Felix:(00:00) 3 ka produkto nga gidisenyo ug gitukod ni Felix sa Claude Code(06:36) Pagtukod ug 3D animated world map sa one-shot(07:50) Ang app ni Felix nga nag-analisar kung unsa ka maayo ang imong landing page(13:17) Demo: Figma design to working website sa 15 min(23:07am) Demochar(23:07am) Demochar(23:07am) Usa ka kahanas sa tig-usisa sa UX alang sa feedback sa disenyo(40:19) Giunsa ang pag-export sa code balik sa Figma ingon ma-edit nga mga disenyo (45:10) Ngano nga kadaghanan sa mga tigdesinyo dili paspas nga mopahiangay Mapasigarbuhon ako nga makigtambayayong sa ReplitReplit's Agent 4 mao ang labing kaayo nga paagi alang sa mga team nga magtrabaho kauban ang mga ahente sa AI. Mahimo nimo kini gamiton sa: Pag-usisa sa mga kalainan sa disenyo sa usa ka walay kinutuban nga canvasPagtukod gamit ang daghang mga ahente sa AI sa usa ka higayon gamit ang usa ka task board.Paghimo og nindot nga mga slide deck, mga animation ug uban pa sa usa ka shot.Sulayi ang Agent 4 sulod sa 3 ka bulan nga libre pinaagi sa paggamit sa akong code nga PYANG26 sa pag-checkout. Pagkuha og Replit sulod sa 3 ka Bulan nga LibreTop 10 nga mga takeaway nga akong nakat-unan gikan niini nga yugtoKung imong gigamit ang Figma, ang Figma MCP mao ang pinakamaayong paagi sa pag-adto gikan sa disenyo ngadto sa code:Pag-instalar. Sa imong terminal, padagana ang “claude mcp add --transport http figma https://mcp.figma.com/mcp”Authenticate. Ablihi ang Claude Code, i-type ang "/mcp" ug dayon pilia ang Figma. Kini moabli sa imong browser aron imong ma-authenticate ang MCP gamit ang imong Figma account. Pagkopya og Figma frame. Karon adto sa usa sa imong mga disenyo sa Figma ug i-right click ang bisan unsang frame o layer. Pilia ang "Kopya ang link sa pagpili" ug dayon i-paste ang link sa Claude Code uban ang prompt: "Paghimo niini nga disenyo." Sama ra kini ka yano. I-convert ang code balik ngadto sa ma-edit nga mga layer sa Figma aron masusi ang dugang nga mga kalainan sa disenyo. Ania kung giunsa pagbuhat kini nga lakang sa lakang pagkahuman sa pag-set up sa Figma MCP: Basaha ang dugang pa
Giunsa ang Pagdesinyo ug Code sa Claude Code ug Figma MCP sa 50 Min | Felix Lee
By Creator Economy
·
·
2 min read
·
317 views
Read in:
aa
ace
af
ak
alz
am
ar
as
awa
ay
az
ba
ban
be
bew
+191 more
bg
bho
bik
bm
bn
brx
bs
bug
ca
ceb
cgg
ckb
co
crh
cs
cv
cy
da
de
din
doi
dv
dyu
dz
ee
el
en
eo
es
et
eu
fa
ff
fi
fj
fo
fr
fur
fy
ga
gd
gl
gom
gn
gu
ha
haw
he
hi
hil
hne
hmn
hr
hrx
ht
hu
hy
id
ig
ilo
is
it
ja
jam
jv
ka
kab
kbp
kg
kha
kk
kl
km
kn
ko
kri
ku
ktu
ky
la
lb
lg
li
lij
ln
lo
lmo
lt
ltg
lua
luo
lus
lv
mai
mak
mg
mi
min
mk
ml
mn
mni-mtei
mos
mr
ms
mt
my
nd
ne
nl
nn
no
nr
nso
nus
ny
oc
om
or
pa
pag
pam
pap
pl
ps
pt
pt-br
qu
rn
ro
ru
rw
sa
sah
sat
sc
scn
sg
si
sk
sl
sm
sn
so
sq
sr
ss
st
su
sus
sv
sw
szl
ta
tcy
te
tg
th
ti
tiv
tk
tl
tn
to
tpi
tr
trp
ts
tt
tum
ty
udm
ug
uk
ur
uz
ve
vec
vi
war
wo
xh
yi
yo
yua
yue
zap
zh
zh-hk
zh-tw
zu
