Kính gửi những người đăng ký,Hôm nay, tôi muốn chia sẻ một tập mới với Felix Lee. Felix đã dạy hàng nghìn nhà thiết kế cách viết mã bằng Claude Code và Figma MCP. Tôi đã nhờ anh ấy chỉ cho tôi cách anh ấy chuyển đổi thiết kế Figma thành một trang web đang hoạt động và chuyển đổi trang web trở lại thành các lớp có thể chỉnh sửa trong Figma. Một nhà thiết kế có thể vận chuyển là một trong những nhân viên có giá trị nhất trong lĩnh vực công nghệ hiện nay - hãy tìm hiểu cách thực hiện bằng cách xem tập này. Xem ngay trên YouTube, Apple và Spotify. Felix và tôi đã nói về:(00:00) 3 sản phẩm Felix thiết kế và xây dựng trong Claude Code(06:36) Xây dựng bản đồ thế giới hoạt hình 3D chỉ trong một lần chụp(07:50) Ứng dụng của Felix phân tích mức độ tốt của trang đích của bạn (13:17) Bản demo: Thiết kế Figma cho trang web hoạt động trong 15 phút(23:07) Bản demo: Sơ đồ FigJam cho một trò chơi đang hoạt động (31:30) Kỹ năng đánh giá UX cho thiết kế phản hồi (40:19) Cách xuất mã trở lại Figma dưới dạng thiết kế có thể chỉnh sửa (45:10) Tại sao hầu hết các nhà thiết kế không thích ứng đủ nhanh Tôi tự hào được hợp tác với ReplitReplit's Agent 4 là cách tốt nhất để các nhóm làm việc với các tác nhân AI. Bạn có thể sử dụng nó để:Khám phá các biến thể thiết kế trên canvas vô hạnXây dựng bằng cách sử dụng nhiều tác nhân AI cùng một lúc bằng bảng nhiệm vụ.Tạo các bản trình chiếu đẹp mắt, hoạt ảnh động và nhiều nội dung khác chỉ trong một lần chụp. Dùng thử Agent 4 miễn phí trong 3 tháng bằng cách sử dụng mã PYANG26 của tôi khi thanh toán. Nhận Replit miễn phí trong 3 tháng Top 10 bài học tôi học được từ tập này Nếu bạn sử dụng Figma, Figma MCP là cách tốt nhất để chuyển từ thiết kế sang viết mã:Cài đặt. Trong thiết bị đầu cuối của bạn, hãy chạy “claude mcp add --transport http figma https://mcp.figma.com/mcp”Xác thực. Mở Claude Code, gõ “/mcp” rồi chọn Figma. Nó sẽ mở trình duyệt để bạn xác thực MCP bằng tài khoản Figma của bạn. Sao chép khung Figma. Bây giờ hãy đi tới một trong các thiết kế Figma của bạn và nhấp chuột phải vào bất kỳ khung hoặc lớp nào. Chọn “Sao chép liên kết đến lựa chọn” rồi dán liên kết vào Mã Claude với lời nhắc: “Xây dựng thiết kế này”. Nó đơn giản như vậy. Chuyển đổi mã trở lại thành các lớp Figma có thể chỉnh sửa để khám phá thêm các biến thể thiết kế. Dưới đây là cách thực hiện từng bước sau khi thiết lập Figma MCP: Đọc thêm
Cách thiết kế và viết mã bằng Claude Code và Figma MCP trong 50 phút | Felix Lee
By Creator Economy
·
·
2 min read
·
138 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
