Chers abonnés,Aujourd'hui, je souhaite partager un nouvel épisode avec Felix Lee. Félix a enseigné à des milliers de designers comment coder avec Claude Code et Figma MCP. Je lui ai demandé de me montrer comment il convertit une conception Figma en un site Web fonctionnel et reconvertit un site Web en couches modifiables dans Figma. Un concepteur capable de livrer est aujourd'hui l'une des recrues les plus précieuses dans le secteur de la technologie - découvrez comment en regardant cet épisode. Regardez maintenant sur YouTube, Apple et Spotify. Félix et moi avons parlé de : (00:00) 3 produits conçus et construits par Félix avec Claude Code (06:36) Création d'une carte du monde animée en 3D en un seul coup (07:50) L'application de Félix qui analyse la qualité de votre page de destination (13:17) Démo : conception Figma pour un site Web fonctionnel en 15 min (23:07) Démo : organigramme FigJam pour un jeu fonctionnel (31:30) A UX compétence de réviseur pour les commentaires sur la conception (40:19) Comment exporter du code vers Figma sous forme de conceptions modifiables (45:10) Pourquoi la plupart des concepteurs ne s'adaptent pas assez vite Je suis fier de m'associer à l'agent 4 de ReplitReplit. C'est le meilleur moyen pour les équipes de travailler avec des agents IA. Vous pouvez l'utiliser pour :Explorer les variations de conception sur un canevas infini.Construire à l'aide de plusieurs agents IA à la fois à l'aide d'un tableau de tâches.Générer de superbes présentations de diapositives, des animations et bien plus encore en une seule fois.Essayez l'Agent 4 pendant 3 mois gratuitement en utilisant mon code PYANG26 à la caisse. Obtenez Replit pendant 3 mois gratuitementTop 10 des points à retenir de cet épisodeSi vous utilisez Figma, Figma MCP est le meilleur moyen de passer de la conception au code : Installer. Dans votre terminal, exécutez « claude mcp add --transport http figma https://mcp.figma.com/mcp » Authentifiez-vous. Ouvrez Claude Code, tapez « /mcp » puis sélectionnez Figma. Votre navigateur s'ouvrira pour vous permettre d'authentifier le MCP avec votre compte Figma. Copiez un cadre Figma. Accédez maintenant à l’un de vos modèles Figma et cliquez avec le bouton droit sur n’importe quel cadre ou calque. Sélectionnez « Copier le lien vers la sélection », puis collez le lien dans Claude Code avec l'invite : « Construisez cette conception ». C'est aussi simple que cela : reconvertissez le code en couches Figma modifiables pour explorer davantage de variantes de conception. Voici comment procéder étape par étape après avoir configuré Figma MCP : Lire la suite
Comment concevoir et coder avec Claude Code et Figma MCP en 50 minutes | Félix Lee
By Creator Economy
·
·
2 min read
·
293 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
