Αγαπητοί συνδρομητές, Σήμερα, θέλω να μοιραστώ ένα νέο επεισόδιο με τον Felix Lee. Ο Felix έχει διδάξει 1000 σχεδιαστές πώς να κωδικοποιούν με τον Claude Code και το Figma MCP. Τον έβαλα να μου δείξει πώς μετατρέπει ένα σχέδιο Figma σε λειτουργικό ιστότοπο και μετατρέπει έναν ιστότοπο ξανά σε επεξεργάσιμα επίπεδα στο Figma. Ένας σχεδιαστής που μπορεί να αποστείλει είναι μία από τις πιο πολύτιμες προσλήψεις στην τεχνολογία σήμερα — μάθετε πώς παρακολουθώντας αυτό το επεισόδιο. Παρακολουθήστε τώρα στο YouTube, την Apple και το Spotify. Ο Felix και εγώ μιλήσαμε για:(00:00) 3 προϊόντα που σχεδίασε και κατασκεύασε ο Felix στον Claude Code(06:36) Δημιουργία ενός τρισδιάστατου κινούμενου παγκόσμιου χάρτη σε μία λήψη(07:50) Η εφαρμογή του Felix που αναλύει πόσο καλή είναι η σελίδα προορισμού σας (13:17) Επίδειξη: Σχεδιασμός Figma σε ιστότοπο εργασίας επίδειξης: Figma σε 15 λεπτά παιχνίδι(31:30) Ικανότητα αναθεωρητή UX για σχόλια σχεδίασης(40:19) Πώς να εξαγάγετε τον κώδικα πίσω στο Figma ως επεξεργάσιμα σχέδια (45:10) Γιατί οι περισσότεροι σχεδιαστές δεν προσαρμόζονται αρκετά γρήγορα Είμαι περήφανος που συνεργάζομαι με το ReplitReplit's Agent 4 είναι ο καλύτερος τρόπος για τις ομάδες να συνεργάζονται με πράκτορες AI. Μπορείτε να το χρησιμοποιήσετε για:Εξερευνήστε παραλλαγές σχεδίασης σε έναν άπειρο καμβάΔόμηση χρησιμοποιώντας πολλαπλούς πράκτορες AI ταυτόχρονα χρησιμοποιώντας έναν πίνακα εργασιών.Δημιουργήστε όμορφα διαφανειών, κινούμενα σχέδια και πολλά άλλα σε μία λήψη.Δοκιμάστε το Agent 4 για 3 μήνες δωρεάν χρησιμοποιώντας τον κωδικό μου PYANG26 στο ταμείο. Λάβετε Replit για 3 μήνες FreeTop 10 takeaways που έμαθα από αυτό το επεισόδιο Εάν χρησιμοποιείτε το Figma, το Figma MCP είναι ο καλύτερος τρόπος για να μεταβείτε από τη σχεδίαση στον κώδικα: Εγκατάσταση. Στο τερματικό σας, εκτελέστε το "claude mcp add --transport http figma https://mcp.figma.com/mcp"Authenticate. Ανοίξτε τον Κωδικό Claude, πληκτρολογήστε "/mcp" και, στη συνέχεια, επιλέξτε Figma. Θα ανοίξει το πρόγραμμα περιήγησής σας για να ελέγξετε την ταυτότητα του MCP με τον λογαριασμό σας Figma. Αντιγράψτε ένα πλαίσιο Figma. Τώρα μεταβείτε σε ένα από τα σχέδια Figma και κάντε δεξί κλικ σε οποιοδήποτε πλαίσιο ή στρώμα. Επιλέξτε «Αντιγραφή συνδέσμου στην επιλογή» και, στη συνέχεια, επικολλήστε τον σύνδεσμο στον Κώδικα Claude με την προτροπή: «Δημιουργία αυτού του σχεδίου». Είναι τόσο απλό. Μετατρέψτε τον κώδικα σε επεξεργάσιμα επίπεδα Figma για να εξερευνήσετε περισσότερες παραλλαγές σχεδίασης. Δείτε πώς να το κάνετε αυτό βήμα προς βήμα μετά τη ρύθμιση του Figma MCP: Διαβάστε περισσότερα
Πώς να σχεδιάσετε και να κωδικοποιήσετε με Claude Code και Figma MCP σε 50 λεπτά | Φέλιξ Λι
By Creator Economy
·
·
2 min read
·
158 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
