Beste abonnees,Vandaag wil ik een nieuwe aflevering delen met Felix Lee. Felix heeft duizenden ontwerpers geleerd hoe ze moeten coderen met Claude Code en Figma MCP. Ik liet hem me laten zien hoe hij een Figma-ontwerp omzet in een werkende website en een website weer omzet in bewerkbare lagen in Figma. Een ontwerper die kan leveren, is tegenwoordig een van de meest waardevolle medewerkers in de technologiesector. Ontdek hoe je deze aflevering bekijkt. Kijk nu op YouTube, Apple en Spotify. Felix en ik hadden het over:(00:00) 3 producten die Felix heeft ontworpen en gebouwd in Claude Code(06:36) Een 3D-geanimeerde wereldkaart in één keer bouwen(07:50) Felix's app die analyseert hoe goed je landingspagina is(13:17) Demo: Figma-ontwerp naar werkende website in 15 min(23:07) Demo: FigJam-stroomdiagram naar een werkend spel(31:30) A Vaardigheid van UX-recensent voor ontwerpfeedback (40:19) Code terug naar Figma exporteren als bewerkbare ontwerpen (45:10) Waarom de meeste ontwerpers zich niet snel genoeg aanpassen Ik ben er trots op samen te werken met Replit Agent 4 van Replit is de beste manier voor teams om met AI-agenten te werken. Je kunt het gebruiken om: Ontwerpvariaties op een oneindig canvas te verkennenBouw met meerdere AI-agents tegelijk met behulp van een taakbord.Genereer prachtige diapresentaties, animaties en meer in één keer.Probeer Agent 4 3 maanden gratis door mijn code PYANG26 te gebruiken bij het afrekenen. Ontvang 3 maanden gratis herhalingenTop 10 tips die ik uit deze aflevering heb geleerdAls je Figma gebruikt, is Figma MCP de beste manier om van ontwerp naar code te gaan:Installeren. Voer in uw terminal "claude mcp add --transport http figma https://mcp.figma.com/mcp" uit. Open Claude Code, typ “/mcp” en selecteer vervolgens Figma. Er wordt uw browser geopend zodat u de MCP kunt authenticeren met uw Figma-account. Kopieer een Figma-frame. Ga nu naar een van je Figma-ontwerpen en klik met de rechtermuisknop op een frame of laag. Selecteer ‘Kopieer link naar selectie’ en plak de link in Claude Code met de prompt: ‘Bouw dit ontwerp.’ Zo simpel is het. Converteer code terug naar bewerkbare Figma-lagen om meer ontwerpvariaties te verkennen. Hier leest u hoe u dit stap voor stap doet nadat u Figma MCP heeft ingesteld: Lees meer
Ontwerpen en coderen met Claude Code en Figma MCP in 50 minuten | Felix Lee
By Creator Economy
·
·
2 min read
·
161 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
