Sobre este vídeo
Você aprendeu o básico sobre o que é o servidor Figma MCP e como configurá-lo ao longo das aulas nesta coleção. Mas depois que você tiver tudo configurado, pode ser que você se pergunte como integrar o Figma Design e o Figma Make, o servidor MCP e suas ferramentas de desenvolvimento agêntico em fluxos de trabalho que possam melhorar seu processo de desenvolvimento. Este vídeo de Jake Albaugh, Desenvolvedor Embaixador na Figma, pode ter algumas respostas para você.
Junte-se ao Jake enquanto ele demonstra como você pode conectar sua base de código ao Figma usando o Code Connect, trazer o contexto de design do Figma Design para ferramentas de desenvolvimento agêntico com o servidor Figma MCP, e usar o Figma Make para adicionar funcionalidades aos componentes de design. Fique até o final para aprender algumas práticas recomendadas úteis!
Recursos adicionais compartilhados neste vídeo
- Figma's Simple Design System (SDS) no Github — Biblioteca React e Figma com Code Connect, Storybook, integrações de exemplo, incluindo a sincronização de tokens entre variáveis do Figma e a base de código.
- One North SDS — Representação em Stencil dos componentes SDS, incluindo Code Connect para outros frameworks web.
- figma.com/developers — Documentação para todas as nossas APIs, Code Connect e o servidor Figma MCP.