Benvolguts subscriptors, avui vull compartir un nou episodi amb Felix Lee. Felix ha ensenyat a milers de dissenyadors a codificar amb Claude Code i Figma MCP. Vaig aconseguir que em mostrés com converteix un disseny de Figma en un lloc web que funcioni i torna a convertir un lloc web en capes editables a Figma. Un dissenyador que pot enviar és una de les contractacions més valuoses de la tecnologia d'avui; aprèn a fer-ho mirant aquest episodi. Mira'l ara a YouTube, Apple i Spotify. Felix i jo hem parlat de: (00:00) 3 productes que Felix va dissenyar i construïr amb Claude Code (06:36) Construcció d'un mapa del món animat en 3D en un sol cop (07:50) L'aplicació de Felix que analitza com de bona és la teva pàgina de destinació (13:17) Demostració: disseny de Figma per a un lloc web en funcionament en 15 minuts (23:07) habilitat del revisor per a la retroalimentació del disseny (40:19) Com exportar codi a Figma com a dissenys editables (45:10) Per què la majoria dels dissenyadors no s'adapten prou ràpidEstic orgullós d'associar-me amb l'Agent 4 de ReplitReplit és la millor manera perquè els equips treballin amb agents d'IA. Podeu utilitzar-lo per: Explorar variacions de disseny en un llenç infinit. Construir utilitzant diversos agents d'IA alhora mitjançant un tauler de tasques. Generar diapositives, animacions i molt més d'una sola vegada. Prova l'Agent 4 durant 3 mesos gratuïtament utilitzant el meu codi PYANG26 a la compra. Aconsegueix Replit durant 3 mesos gratuït. Els 10 millors punts per emportar que he après d'aquest episodi Si fas servir Figma, Figma MCP és la millor manera de passar del disseny al codi: instal·lar. Al vostre terminal, executeu "claude mcp add --transport http figma https://mcp.figma.com/mcp" Autentiqueu. Obriu Claude Code, escriviu "/mcp" i després seleccioneu Figma. Obrirà el vostre navegador perquè autentiqueu l'MCP amb el vostre compte de Figma. Copieu un marc de Figma. Ara aneu a un dels vostres dissenys de Figma i feu clic amb el botó dret a qualsevol marc o capa. Seleccioneu "Copia l'enllaç a la selecció" i després enganxeu l'enllaç a Claude Code amb el missatge: "Crea aquest disseny". És tan senzill com això. Torneu a convertir el codi en capes de Figma editables per explorar més variacions de disseny. A continuació s'explica com fer-ho pas a pas després de configurar Figma MCP: Llegeix més
Com dissenyar i codificar amb Claude Code i Figma MCP en 50 minuts | Felix Lee
By Creator Economy
·
·
2 min read
·
290 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
