Criei um botão no Figma… a IA fez o resto.
O Andrew Rodrigo
0:00 / 0:00
Criei um botão no Figma… a IA fez o resto.
107 просмотров · 1 месяц назад
O Andrew Rodrigo
38 подписчиков
107 просмотров · 1 месяц назад
Os novos Figma Agents prometem transformar a forma como criamos componentes, documentamos interfaces e trabalhamos com IA dentro do fluxo de Design System.
Neste vídeo eu faço um teste prático: crio um componente de botão no Figma, utilizo o Cursor com MCP para interpretar o design e gero toda a documentação no Storybook.
Será que esse é o começo de uma nova forma de desenvolver Design Systems?
📌 Neste vídeo você vai ver:
• Como funcionam os Figma Agents
• Como conectar o Figma ao Cursor usando MCP
• Geração de código a partir de componentes
• Documentação automática no Storybook
• Como esse fluxo pode acelerar times de Design e Front-end
━━━━━━━━━━━━━━━━━━━━
🌎 Site
andrewrodrigo.com.br
📷 Instagram
/ oandrewrodrigo
━━━━━━━━━━━━━━━━━━━━
🛠 Ferramentas utilizadas
• Figma
• Cursor
• MCP (Model Context Protocol)
• Storybook
• React
• TypeScript
━━━━━━━━━━━━━━━━━━━━
💬 Se esse conteúdo te ajudou, deixa o like e se inscreve no canal.
Toda semana vou publicar vídeos sobre:
• Design System
• Figma
• Cursor
• Inteligência Artificial
• Front-end
• UX/UI
• MCP
• Desenvolvimento de Produtos Digitais
#Figma #FigmaAgents #DesignSystem #Cursor #Storybook #MCP #UX #UIDesign #React #Frontend #IA #claude #claudecode #fable