Pelanggan yang terhormat, Hari ini saya ingin berbagi episode baru dengan Felix Lee. Felix telah mengajari 1000 desainer cara membuat kode dengan Claude Code dan Figma MCP. Saya memintanya untuk menunjukkan kepada saya bagaimana dia mengubah desain Figma menjadi situs web yang berfungsi dan mengubah situs web kembali menjadi lapisan yang dapat diedit di Figma. Seorang desainer yang dapat melakukan pengiriman adalah salah satu karyawan paling berharga di bidang teknologi saat ini — pelajari caranya dengan menonton episode ini. Tonton sekarang di YouTube, Apple, dan Spotify. Saya dan Felix membicarakan:(00:00) 3 produk yang dirancang dan dibuat Felix dengan Claude Code(06:36) Membuat peta dunia animasi 3D dalam sekali pakai(07:50) Aplikasi Felix yang menganalisis seberapa bagus laman landas Anda(13:17) Demo: Desain Figma ke situs web yang berfungsi dalam 15 menit(23:07) Demo: Diagram alur FigJam ke game yang berfungsi (31:30) Keterampilan pengulas UX untuk desain feedback(40:19) Cara mengekspor kode kembali ke Figma sebagai desain yang dapat diedit(45:10) Mengapa sebagian besar desainer tidak beradaptasi dengan cukup cepatSaya bangga bermitra dengan ReplitAgen 4 Replit adalah cara terbaik bagi tim untuk bekerja dengan agen AI. Anda dapat menggunakannya untuk:Menjelajahi variasi desain pada kanvas tanpa batasMembangun menggunakan beberapa agen AI sekaligus menggunakan papan tugas.Hasilkan dek slide, animasi, dan lainnya yang indah dalam satu kesempatan.Coba Agen 4 selama 3 bulan gratis dengan menggunakan kode saya PYANG26 saat checkout. Dapatkan Replit Gratis 3 Bulan 10 pelajaran teratas yang saya pelajari dari episode ini Jika Anda menggunakan Figma, Figma MCP adalah cara terbaik untuk beralih dari desain ke kode: Instal. Di terminal Anda, jalankan “claude mcp add --transport http figma https://mcp.figma.com/mcp”Authenticate. Buka Claude Code, ketik “/mcp” lalu pilih Figma. Ini akan membuka browser Anda untuk mengautentikasi MCP dengan akun Figma Anda. Salin bingkai Figma. Sekarang buka salah satu desain Figma Anda dan klik kanan bingkai atau lapisan mana pun. Pilih “Salin tautan ke pilihan” lalu tempel tautan ke Kode Claude dengan perintah: “Buat desain ini.” Sesederhana itu. Ubah kode kembali menjadi lapisan Figma yang dapat diedit untuk menjelajahi lebih banyak variasi desain. Berikut cara melakukannya langkah demi langkah setelah menyiapkan Figma MCP: Baca lebih lanjut
Cara Mendesain dan Membuat Kode dengan Claude Code dan Figma MCP dalam 50 Menit | Felix Lee
By Creator Economy
·
·
2 min read
·
250 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
