Урматтуу жазылуучулар, бүгүн мен Феликс Ли менен жаңы эпизодду бөлүшкүм келет. Феликс 1000деген дизайнерлерге Claude Code жана Figma MCP менен коддоону үйрөткөн. Мен ага Figma дизайнын кантип иштеп жаткан веб-сайтка айландырарын жана веб-сайтты Figmaдагы түзөтүлүүчү катмарларга кантип айландырарын көрсөтүүсүн алдым. Жеткирип бере алган дизайнер бүгүнкү күндө технологиядагы эң баалуу жалданмалардын бири болуп саналат — бул эпизодду көрүү менен үйрөнүңүз. YouTube, Apple жана Spotify'да азыр көрүңүз. Феликс экөөбүз сүйлөштүк:(00:00) 3 продукт Феликс Клод кодунда иштелип чыккан жана курулган(06:36) Бир кадрда 3D анимацияланган дүйнө картасын түзүү(07:50) Феликстин баштапкы баракчаңыздын канчалык деңгээлде жакшы экенин талдоочу колдонмосу(13:17) Демо: Figma дизайнын иштеп чыгуучу веб-сайтка чейин Demo3:07:15:03:07 жумушчу оюнга(31:30) Дизайн пикири үчүн UX серепчисинин чеберчилиги(40:19) Кодду Figmaга түзөтүүчү дизайн катары кантип экспорттоо керек(45:10) Эмне үчүн көпчүлүк дизайнерлер жетиштүү тез көнбөй жатышат. Мен ReplitReplit’s Agent 4 менен өнөктөш болгонума сыймыктанам AI агенттери менен иштөөнүн эң мыкты жолу. Аны төмөнкү үчүн колдоно аласыз: Чексиз кенепте дизайндын вариацияларын изилдеп, бир эле учурда бир нече AI агенттерин колдонуп, тапшырмалар тактасын колдонуп көрүңүз. Кереметтүү слайд палубаларын, анимацияларды жана башкаларды бир кадрда жаратыңыз. Менин PYANG26 кодумду колдонуу менен Agent 4ти 3 ай акысыз колдонуп көрүңүз. 3 ай бою Replit алуу FreeTop 10 алып салуу Мен бул эпизоддон үйрөндүмЭгер сиз Figma колдонсоңуз, Figma MCP дизайндан кодго өтүүнүн эң жакшы жолу: Орнотуу. Терминалыңызда “claude mcp add --transport http figma https://mcp.figma.com/mcp”Authenticate иштетиңиз. Клод кодун ачып, “/mcp” терип, анан Фигманы тандаңыз. Figma аккаунтуңуз менен MCPдин аныктыгын текшерүү үчүн ал браузериңизди ачат. Figma алкагын көчүрүү. Эми Figma үлгүлөрүңүздүн бирине өтүп, каалаган кадрды же катмарды оң баскыч менен чыкылдатыңыз. "Тандоого шилтемени көчүрүү" дегенди тандап, андан кийин шилтемени Клод кодексине чаптаңыз: "Бул дизайнды түзүңүз." Бул ушунчалык жөнөкөй. Дизайндын көбүрөөк варианттарын изилдөө үчүн кодду кайра оңдолуучу Figma катмарларына айландырыңыз. Figma MCP орноткондон кийин муну этап-этабы менен кантип жасоо керек: Кененирээк окуу
Кантип 50 мүнөттө Claude Code жана Figma MCP менен долбоорлоо жана коддоо керек | Феликс Ли
By Creator Economy
·
·
2 min read
·
128 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
