Pelanggan yang dihormati, Hari ini, saya ingin berkongsi episod baharu dengan Felix Lee. Felix telah mengajar 1000 pereka cara membuat kod dengan Claude Code dan Figma MCP. Saya menyuruhnya menunjukkan kepada saya cara dia menukar reka bentuk Figma kepada tapak web yang berfungsi dan menukar semula tapak web kepada lapisan boleh diedit dalam Figma. Pereka bentuk yang boleh menghantar ialah salah satu pekerja yang paling berharga dalam teknologi hari ini — pelajari caranya dengan menonton episod ini. Tonton sekarang di YouTube, Apple dan Spotify. Saya dan Felix berbincang tentang:(00:00) 3 produk Felix direka dan dibina dalam Kod Claude(06:36) Membina peta dunia animasi 3D dalam satu pukulan(07:50) Apl Felix yang menganalisis betapa baiknya halaman pendaratan anda(13:17) Demo: Reka bentuk Figma ke tapak web permainan berfungsi dalam 15 min(23:07am) Demochar(23:07am) Demochar(23:07am) Kemahiran penyemak UX untuk maklum balas reka bentuk(40:19) Cara mengeksport kod kembali ke Figma sebagai reka bentuk yang boleh diedit(45:10) Mengapa kebanyakan pereka bentuk tidak cukup cepat menyesuaikan diriSaya berbangga untuk bekerjasama dengan Ejen ReplitReplit 4 ialah cara terbaik untuk pasukan bekerja dengan ejen AI. Anda boleh menggunakannya untuk:Teroka variasi reka bentuk pada kanvas tak terhinggaBina menggunakan berbilang ejen AI serentak menggunakan papan tugas.Jana dek slaid yang cantik, animasi dan banyak lagi dalam satu pukulan.Cuba Ejen 4 selama 3 bulan secara percuma dengan menggunakan kod saya PYANG26 semasa pembayaran. Dapatkan Replit selama 3 Bulan PercumaTop 10 takeaways yang saya pelajari daripada episod iniJika anda menggunakan Figma, Figma MCP ialah cara terbaik untuk beralih daripada reka bentuk kepada kod:Pasang. Dalam terminal anda, jalankan “claude mcp add --transport http figma https://mcp.figma.com/mcp”Authenticate. Buka Kod Claude, taip "/mcp" dan kemudian pilih Figma. Ia akan membuka penyemak imbas anda untuk anda mengesahkan MCP dengan akaun Figma anda. Salin bingkai Figma. Sekarang pergi ke salah satu reka bentuk Figma anda dan klik kanan mana-mana bingkai atau lapisan. Pilih "Salin pautan ke pilihan" dan kemudian tampal pautan ke Kod Claude dengan gesaan: "Bina reka bentuk ini." Ia semudah itu. Tukar kod kembali ke lapisan Figma yang boleh diedit untuk meneroka lebih banyak variasi reka bentuk. Begini cara melakukan langkah demi langkah ini selepas menyediakan Figma MCP: Baca lagi
Cara Reka Bentuk dan Kod dengan Kod Claude dan Figma MCP dalam 50 Min | Felix Lee
By Creator Economy
·
·
2 min read
·
116 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