Vážení odběratelé, dnes se chci podělit o novou epizodu s Felixem Leem. Felix naučil tisíce designérů, jak kódovat pomocí Claude Code a Figma MCP. Nechal jsem ho, aby mi ukázal, jak převádí návrh Figmy na funkční web a převádí web zpět na upravitelné vrstvy ve Figmě. Designér, který umí dodávat, je dnes jedním z nejcennějších zaměstnanců v oblasti techniky – zjistěte, jak na to, sledujte tuto epizodu. Sledujte nyní na YouTube, Apple a Spotify. Felix a já jsme mluvili o:(00:00) 3 produktech Felix navržený a postavený v Claude Code(06:36) Vytvoření 3D animované mapy světa jedním záběrem (07:50) Felixova aplikace, která analyzuje, jak dobrá je vaše vstupní stránka (13:17) Ukázka: Návrh Figma na funkční web za 15 minut(23:07) Pracovní hra A31Jamart Dovednost UX recenzenta pro zpětnou vazbu k designu (40:19) Jak exportovat kód zpět do Figmy jako upravitelné návrhy (45:10) Proč se většina návrhářů nepřizpůsobuje dostatečně rychle Jsem hrdý na to, že mohu spolupracovat s Agentem 4 společnosti ReplitReplit, což je pro týmy nejlepší způsob, jak pracovat s agenty AI. Můžete jej použít k: Prozkoumávání návrhových variant na nekonečném plátně Stavějte pomocí více agentů AI najednou pomocí panelu úkolů. Generujte nádherné balíčky snímků, animace a další v jednom záběru. Vyzkoušejte Agenta 4 na 3 měsíce zdarma pomocí mého kódu PYANG26 u pokladny. Získejte opakování na 3 měsíce zdarma Top 10 věcí, které jsem se naučil z této epizody Pokud používáte Figma, Figma MCP je nejlepší způsob, jak přejít od návrhu ke kódu: Instalace. Ve svém terminálu spusťte „claude mcp add --transport http figma https://mcp.figma.com/mcp“Authenticate. Otevřete Claude Code, zadejte „/mcp“ a poté vyberte Figma. Otevře se vám prohlížeč, abyste mohli ověřit MCP pomocí vašeho účtu Figma. Zkopírujte snímek Figma. Nyní přejděte na jeden z vašich návrhů Figma a klikněte pravým tlačítkem na libovolný snímek nebo vrstvu. Vyberte „Kopírovat odkaz na výběr“ a poté vložte odkaz do kódu Claude s výzvou: „Vytvořit tento návrh“. Je to tak jednoduché. Převeďte kód zpět do upravitelných vrstev Figma a prozkoumejte další varianty designu. Zde je návod, jak to udělat krok za krokem po nastavení Figma MCP: Přečtěte si více
Jak navrhovat a kódovat pomocí Claude Code a Figma MCP za 50 minut | Felix Lee
By Creator Economy
·
·
2 min read
·
126 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
