Dragi pretplatnici, danas želim podijeliti novu epizodu s Felixom Leejem. Felix je naučio tisuće dizajnera kako kodirati s Claude Code i Figma MCP. Natjerao sam ga da mi pokaže kako pretvara Figmin dizajn u radnu web stranicu i pretvara web stranicu natrag u slojeve koji se mogu uređivati u Figmi. Dizajner koji može isporučiti jedan je od najvrjednijih zaposlenika u tehnici današnjice — saznajte kako gledajući ovu epizodu. Gledajte sada na YouTubeu, Appleu i Spotifyju. Felix i ja smo razgovarali o: (00:00) 3 proizvoda koje je Felix dizajnirao i izgradio u Claude Code (06:36) Izrada 3D animirane karte svijeta u jednom kadru (07:50) Felixova aplikacija koja analizira koliko je dobra vaša odredišna stranica (13:17) Demo: Figma dizajn do funkcionalne web stranice u 15 minuta (23:07) Demo: FigJam dijagram toka radnoj igri (31:30) Vještina recenzenta korisničkog iskustva za povratne informacije o dizajnu (40:19) Kako izvesti kod natrag u Figmu kao dizajne koji se mogu uređivati (45:10) Zašto se većina dizajnera ne prilagođava dovoljno brzo. Ponosan sam na partnerstvo s ReplitReplitovim agentom 4 najbolji je način za timove da rade s AI agentima. Možete ga koristiti za: Istraživanje varijacija dizajna na beskonačnom platnu. Gradite koristeći više AI agenata odjednom koristeći ploču zadataka. Generirajte prekrasne nizove slajdova, animacije i više u jednom kadru. Isprobajte Agent 4 besplatno 3 mjeseca koristeći moj kod PYANG26 na blagajni. Dobijte replit za 3 mjeseca besplatno. Top 10 stvari koje sam naučio za ponijeti iz ove epizode. Ako koristite Figmu, Figma MCP je najbolji način da prijeđete od dizajna do koda: Instaliraj. U svom terminalu pokrenite “claude mcp add --transport http figma https://mcp.figma.com/mcp”Authenticate. Otvorite Claude Code, upišite “/mcp” i zatim odaberite Figma. Otvorit će vaš preglednik za provjeru autentičnosti MCP-a s vašim Figma računom. Kopirajte Figma okvir. Sada idite na jedan od svojih Figma dizajna i desnom tipkom miša kliknite bilo koji okvir ili sloj. Odaberite "Kopiraj vezu na odabir", a zatim zalijepite vezu u Claude Code s upitom: "Izradite ovaj dizajn." Vrlo je jednostavno. Pretvorite kod natrag u Figma slojeve koji se mogu uređivati kako biste istražili više varijacija dizajna. Evo kako to učiniti korak po korak nakon postavljanja Figma MCP-a: Pročitaj više
Kako dizajnirati i kodirati uz Claude Code i Figma MCP u 50 minuta | Felix Lee
By Creator Economy
·
·
2 min read
·
132 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
