Estimados subscritores, hoxe quero compartir un novo episodio con Felix Lee. Felix ensinou a 1000 deseñadores a codificar con Claude Code e Figma MCP. Conseguín que me mostrase como converte un deseño de Figma nun sitio web que funcione e converte un sitio web de novo en capas editables en Figma. Un deseñador que pode enviar envíos é unha das contratacións máis valiosas da tecnoloxía actual. Aprende como vendo este episodio. Mírao agora en YouTube, Apple e Spotify. Felix e eu falamos de:(00:00) 3 produtos que Felix deseñou e construíu en Claude Code(06:36) Construír un mapa do mundo animado en 3D nun só tiro(07:50) A aplicación de Felix que analiza o bo que é a túa páxina de destino (13:17) Demostración: Deseño de Figma para o sitio web en funcionamento en 15 minutos(23:07) Demostración: xogo AUX: aJam funcionando (23:07) habilidade do revisor para comentarios sobre o deseño (40:19) Como exportar o código de volta a Figma como deseños editables (45:10) Por que a maioría dos deseñadores non se están adaptando o suficientemente rápido. Estou orgulloso de asociarme co Axente 4 de ReplitReplit é a mellor forma de que os equipos traballen con axentes de IA. Podes usalo para: Explorar variacións de deseño nun lenzo infinito. Construír usando varios axentes de IA á vez usando un taboleiro de tarefas. Xerar fermosos diapositivas, animacións e moito máis dunha soa vez. Proba o axente 4 durante 3 meses gratuíto usando o meu código PYANG26 ao finalizar a compra. Obtén Replit gratis durante 3 meses.Os 10 principais puntos que aprendín deste episodioSe usas Figma, Figma MCP é a mellor forma de pasar do deseño ao código: Instalar. No teu terminal, executa "claude mcp add --transport http figma https://mcp.figma.com/mcp" Autenticar. Abra Claude Code, escriba "/mcp" e seleccione Figma. Abrirá o teu navegador para que autentiques o MCP coa túa conta de Figma. Copia un marco de Figma. Agora vai a un dos teus deseños de Figma e fai clic co botón dereito en calquera cadro ou capa. Seleccione "Copiar ligazón á selección" e despois pegue a ligazón en Claude Code coa indicación: "Construír este deseño". É tan sinxelo coma iso. Converte o código de novo en capas de Figma editables para explorar máis variacións de deseño. Aquí tes como facelo paso a paso despois de configurar Figma MCP: Ler máis
Como deseñar e codificar con Claude Code e Figma MCP en 50 min | Félix Le
By Creator Economy
·
·
2 min read
·
309 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
