Beste intekenare, Vandag wil ek 'n nuwe episode met Felix Lee deel. Felix het duisende ontwerpers geleer hoe om met Claude Code en Figma MCP te kodeer. Ek het hom gekry om my te wys hoe hy 'n Figma-ontwerp in 'n werkende webwerf omskakel en 'n webwerf terug omskep in bewerkbare lae in Figma. 'n Ontwerper wat kan stuur, is vandag een van die waardevolste aanstellings in tegnologie - leer hoe deur hierdie episode te kyk. Kyk nou op YouTube, Apple en Spotify. Ek en Felix het gesels oor:(00:00) 3 produkte wat Felix in Claude Code ontwerp en gebou het(06:36) Bou 'n 3D-geanimeerde wêreldkaart in een skoot(07:50) Felix se toepassing wat ontleed hoe goed jou bestemmingsbladsy is(13:17) Demo: Figma-ontwerp na werkende webwerf in 15 min(23:07) Demo Fig. speletjie(31:30) 'n UX-beoordelaarsvaardigheid vir ontwerpterugvoer(40:19) Hoe om kode terug te voer na Figma as bewerkbare ontwerpe(45:10) Waarom die meeste ontwerpers nie vinnig genoeg aanpas nie Ek is trots om saam met ReplitReplit se Agent 4 saam te werk, is die beste manier vir spanne om met KI-agente te werk. Jy kan dit gebruik om:Ontwerpvariasies op 'n oneindige doek te verken.Bou met behulp van verskeie KI-agente gelyktydig deur 'n taakbord te gebruik.Genereer pragtige skyfiedekke, animasies en meer in een skoot.Probeer Agent 4 vir 3 maande gratis deur my kode PYANG26 by die betaalpunt te gebruik. Kry herhaling vir 3 maande GratisTop 10 wegneemetes wat ek uit hierdie episode geleer het As jy Figma gebruik, is Figma MCP die beste manier om van ontwerp na kode te gaan: Installeer. In jou terminaal, hardloop "claude mcp add --transport http figma https://mcp.figma.com/mcp"Authenticate. Maak Claude Code oop, tik "/mcp" en kies dan Figma. Dit sal jou blaaier oopmaak sodat jy die MCP met jou Figma-rekening kan staaf. Kopieer 'n Figma-raam. Gaan nou na een van jou Figma-ontwerpe en regsklik op enige raam of laag. Kies "Kopieer skakel na seleksie" en plak dan die skakel in Claude Code met die prompt: "Bou hierdie ontwerp." Dit is so eenvoudig soos dit. Skakel kode terug in bewerkbare Figma-lae om meer ontwerpvariasies te verken. Hier is hoe om dit stap vir stap te doen nadat Figma MCP opgestel is: Lees meer
Hoe om te ontwerp en kodeer met Claude Code en Figma MCP in 50 min | Felix Lee
By Creator Economy
·
·
2 min read
·
149 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
