Cari abbonati, oggi voglio condividere un nuovo episodio con Felix Lee. Felix ha insegnato a migliaia di designer come programmare con Claude Code e Figma MCP. Gli ho chiesto di mostrarmi come converte un progetto Figma in un sito Web funzionante e riconverte un sito Web in livelli modificabili in Figma. Un designer in grado di offrire è una delle assunzioni più preziose oggi nel mondo della tecnologia: scopri come guardando questo episodio. Guardalo ora su YouTube, Apple e Spotify. Felix e io abbiamo parlato di:(00:00) 3 prodotti che Felix ha progettato e realizzato con Claude Code(06:36) Costruire una mappa del mondo animata in 3D in un solo colpo(07:50) L'app di Felix che analizza quanto è buona la tua pagina di destinazione(13:17) Demo: progettazione di Figma per un sito web funzionante in 15 minuti(23:07) Demo: diagramma di flusso di FigJam per un gioco funzionante(31:30) Abilità di revisore UX per la progettazione feedback(40:19) Come esportare nuovamente il codice in Figma come progetti modificabili(45:10) Perché la maggior parte dei designer non si adatta abbastanza velocemente Sono orgoglioso di collaborare con Replit Replit's Agent 4 è il modo migliore per i team di lavorare con gli agenti AI. Puoi usarlo per: Esplorare variazioni di design su una tela infinita Costruire utilizzando più agenti AI contemporaneamente utilizzando una bacheca delle attività. Generare bellissimi mazzi di diapositive, animazioni e altro in un colpo solo. Prova l'Agente 4 gratuitamente per 3 mesi utilizzando il mio codice PYANG26 al momento del pagamento. Ottieni Replit per 3 mesi gratisI 10 punti principali che ho imparato da questo episodioSe usi Figma, Figma MCP è il modo migliore per passare dalla progettazione al codice:Installa. Nel tuo terminale, esegui "claude mcp add --transport http figma https://mcp.figma.com/mcp"Authenticate. Apri Claude Code, digita "/mcp" e quindi seleziona Figma. Si aprirà il tuo browser per autenticare l'MCP con il tuo account Figma. Copia un frame Figma. Ora vai su uno dei tuoi progetti Figma e fai clic con il pulsante destro del mouse su qualsiasi fotogramma o livello. Seleziona "Copia collegamento alla selezione", quindi incolla il collegamento nel codice Claude con la richiesta: "Costruisci questo disegno". È così semplice. Converti nuovamente il codice in livelli Figma modificabili per esplorare più varianti di design. Ecco come eseguire questa operazione passo dopo passo dopo aver configurato Figma MCP: Leggi di più
Come progettare e programmare con Claude Code e Figma MCP in 50 minuti | Felix Lee
By Creator Economy
·
·
2 min read
·
121 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
