Curso de Desarrolla plugins de Figma con TypeScript

Carmen AnsioJavier Ferrer

Por Carmen Ansio y Javier Ferrer Frontend

Ves un paso más allá y desarrolla plugins mantenibles, escalables y testables para figma con TypeScript. Diseño y desarrollo se dan la mano.

💸 Primera lección disponible sin registro 💸

Con la llegada de Figma al mundo del diseño de interfaz el marco colaborativo entre diseño y desarrollo tiene infinitas posibilidades, una de ellas es poder extender la funcionalidad nativa de la aplicación con tus propias necesidades.Con este curso descubrirás las herramientas que Figma pone a nuestra disposición paradesarrollar plugins para su plataforma.

  • Con este curso aprenderás a:
    • 🚀 Implementar tu propio plugin de Figma
    • 👌 Aplicar buenas prácticas a la hora de utilizarTypeScript
    • 🧪 Añadir testing con casos de uso

Durante el curso vamos a ver:

  1. 👶 Descubre el potencial de los plugins de Figma
    • 🎨 Cómo trabajo con Figma para diseñar y programar webs
    • 🥰 Mis 5 plugins de Figma preferidos
    • 🪄 La forma más FÁCIL y RÁPIDA de desarrollar Plugins para FIGMA: ¡¡Empezamos a desarrollar!!
  2. ⚙️ Automatiza tu workflow: Acelera el scaffolding de tus proyectos
    • 🏗️ Crea elementos de Figma automáticamente con la API: Estructura de páginas
    • 👩‍🎨 Crea contenido de las páginas de Figma con la API: Diseño programático de la Cover
    • 🌍 Descubre la API de Figma y aprovecha todo su potencial
  3. 🎨 Añade UI a tu plugin: Formulario para preguntar qué páginas crear
    • 🤏 Añade funcionalidades a través de menús personalizados sin necesidad de UI
    • 🖌️ Formulario para introducir los nombres de las páginas a crear
    • 🧰 Lógica en TypeScript para guardar estado entre ejecuciones: Recuerda la última estructura de páginas
  4. 🚀 Puesta a punto y publicación del plugin en Figma Community
    • 💅 Diseño de Plugins de Figma
    • 🌈 Publicando tu plugin: Figma Community
  5. 🤟 Conclusiones y siguientes pasos
    • 🤏 Cosas que los plugins no pueden hacer en Figma
    • 🔮 Conclusión y siguientes pasos

Vídeos del curso

Cursos relacionados

Ver catálogo completo

Paga según tus necesidades

lite (sólo mensual)

Cargando…
al mes
  • Acceso a un subconjunto de cursos para sentar las bases para un código mantenible, escalable y testable
  • Factura de empresa
Popular

standard

Cargando…
Ahorra 121
Pago anual de 0
al mes
  • Catálogo completo de cursos
  • Retos de diseño y arquitectura
  • Vídeos de soluciones destacadas de los retos
  • Recibir ofertas de empleo verificadas por Codely
  • Factura de empresa

premium

Cargando…
Ahorra 89
Pago anual de 0
al mes
  • Todo lo anterior
  • Más beneficios próximamente

No subiremos el precio mientras mantengas tu suscripción activa