Эрхэм захиалагчид аа, би өнөөдөр Феликс Литэй шинэ ангийг хуваалцахыг хүсч байна. Феликс 1000 гаруй дизайнеруудад Claude Code болон Figma MCP-ээр хэрхэн кодлохыг зааж өгсөн. Би түүнд Figma загварыг хэрхэн ажиллаж байгаа вэб сайт болгон хувиргаж, вэбсайтыг Figma дахь засварлах боломжтой давхарга болгон хувиргадаг болохыг харуулахыг надад өгсөн. Тээвэрлэх чадвартай дизайнер бол өнөөгийн технологийн салбарын хамгийн үнэ цэнэтэй ажилчдын нэг юм. Энэ ангийг үзээд яаж гэдгийг мэдэж аваарай. YouTube, Apple, Spotify дээр яг одоо үзээрэй. Феликс бид хоёрын талаар ярилцсан:(00:00) Феликс Клод кодоор бүтээсэн 3 бүтээгдэхүүн(06:36) Нэг удаагийн цохилтоор 3D хөдөлгөөнт дэлхийн газрын зургийг бүтээх(07:50) Таны буух хуудас хэр сайн байгааг шинжилдэг Феликсийн програм(13:17) Үзүүлэн: Figma design to minwork website(Demo:15 in Demo:J) Ажлын тоглоом руу(31:30) Загварын санал хүсэлт гаргах UX тоймчийн ур чадвар(40:19) Кодыг Figma руу хэрхэн засварлаж болохуйц загвар болгон буцаан экспортлох вэ(45:10) Яагаад ихэнх дизайнерууд хангалттай хурдан дасан зохицохгүй байна вэ ReplitReplit-ийн Agent 4-тэй хамтран ажиллаж байгаадаа бахархаж байна. Та үүнийг дараах зорилгоор ашиглаж болно: Даалгаврын самбар ашиглан олон хиймэл оюун ухааны агентуудыг нэг дор ашиглан хязгааргүй зураг дээр дизайны хувилбаруудыг судлах. Нэг шидэлтээр үзэсгэлэнтэй слайд тавцан, хөдөлгөөнт дүрс болон бусад зүйлийг бүтээх. Тооцоо хийхдээ миний PYANG26 кодыг ашиглан Agent 4-ийг 3 сарын турш үнэгүй туршаад үзээрэй. 3 сарын турш үнэ төлбөргүй давтан бичээрэй. Би энэ ангиас сурсан шилдэг 10 зөвлөмж Хэрэв та Figma ашигладаг бол Figma MCP нь дизайнаас код руу шилжих хамгийн сайн арга юм: Суулга. Терминалдаа “claude mcp add --transport http figma https://mcp.figma.com/mcp”Authenticate-г ажиллуулна уу. Клод кодыг нээгээд "/mcp" гэж бичээд "Figma"-г сонгоно уу. Энэ нь таны Figma бүртгэлээр MCP-г баталгаажуулахын тулд хөтөчийг нээх болно. Figma хүрээг хуулна уу. Одоо Figma загварынхаа аль нэг рүү очоод дурын хүрээ эсвэл давхаргын баруун товчийг дарна уу. "Сонголтын холбоосыг хуулах" гэснийг сонгоод "Энэ дизайныг бүтээх" гэсэн сануулгыг Claude Code руу оруулна уу. Энэ нь маш энгийн. Илүү олон дизайны хувилбаруудыг судлахын тулд кодыг засварлах боломжтой Figma давхарга болгон хөрвүүлнэ. Figma MCP-ийг тохируулсны дараа үүнийг хэрхэн алхам алхмаар хийхийг эндээс үзнэ үү. Дэлгэрэнгүй уншина уу
50 минутын дотор Claude Code болон Figma MCP ашиглан хэрхэн дизайн хийх, кодлох | Феликс Ли
By Creator Economy
·
·
2 min read
·
228 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
