Vážení odberatelia, dnes sa chcem podeliť o novú epizódu s Felixom Lee. Felix naučil 1000 dizajnérov, ako kódovať pomocou Claude Code a Figma MCP. Nechal som ho, aby mi ukázal, ako konvertuje dizajn Figmy na funkčnú webovú stránku a konvertuje webovú stránku späť na upraviteľné vrstvy vo Figme. Dizajnér, ktorý dokáže dodať tovar, je dnes jedným z najcennejších zamestnancov v oblasti techniky – zistite, ako na to, keď si pozriete túto epizódu. Sledujte teraz na YouTube, Apple a Spotify. S Felixom sme sa rozprávali o:(00:00) 3 produktoch, ktoré Felix navrhol a postavil v Claude Code(06:36) Vytvorenie 3D animovanej mapy sveta jedným záberom (07:50) Felixova aplikácia, ktorá analyzuje, aká dobrá je vaša vstupná stránka (13:17) Ukážka: Návrh Figma na funkčnú webovú stránku za 15 minút(23:07) Pracovná hra A313:07 Zručnosť kontrolóra UX pre spätnú väzbu k dizajnu (40:19) Ako exportovať kód späť do Figmy ako upraviteľné návrhy (45:10) Prečo sa väčšina dizajnérov neprispôsobuje dostatočne rýchlo Som hrdý na to, že môžem spolupracovať s agentom 4 spoločnosti ReplitReplit, je to najlepší spôsob, ako môžu tímy spolupracovať s agentmi AI. Môžete ho použiť na: Preskúmanie variácií dizajnu na nekonečnom plátne Zostavte pomocou viacerých agentov AI naraz pomocou tabule úloh. Generujte nádherné balíčky snímok, animácie a ďalšie na jeden záber. Vyskúšajte Agenta 4 na 3 mesiace zadarmo pomocou môjho kódu PYANG26 pri pokladni. Získajte opakovanie na 3 mesiace zadarmo Top 10 vecí, ktoré som sa naučil z tejto epizódy Ak používate Figma, Figma MCP je najlepší spôsob, ako prejsť od návrhu ku kódu: Inštalácia. Vo svojom termináli spustite „claude mcp add --transport http figma https://mcp.figma.com/mcp“Authenticate. Otvorte Claude Code, napíšte „/mcp“ a potom vyberte Figma. Otvorí sa vám prehliadač na overenie MCP pomocou vášho účtu Figma. Skopírujte rám Figma. Teraz prejdite na jeden z vašich návrhov Figma a kliknite pravým tlačidlom myši na ľubovoľný rám alebo vrstvu. Vyberte „Kopírovať odkaz na výber“ a potom prilepte odkaz do kódu Claude s výzvou: „Vytvoriť tento dizajn“. Je to také jednoduché. Preveďte kód späť do upraviteľných vrstiev Figma a preskúmajte ďalšie varianty dizajnu. Tu je postup, ako to urobiť krok za krokom po nastavení Figma MCP: Prečítajte si viac
Ako navrhnúť a kódovať pomocou Claude Code a Figma MCP za 50 minút | Felix Lee
By Creator Economy
·
·
2 min read
·
254 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
