Skills de Design & Interfaces

Algorithmic Art

Crea arte algorítmico con p5.js, aleatoriedad reproducible y exploración interactiva de parámetros.

Canvas Design

Crea obras visuales en PNG y PDF siguiendo una dirección de diseño.

Figma Code Connect

Crea y mantiene plantillas de Figma Code Connect que vinculan componentes con fragmentos de código.

Figma Create New File

Crea archivos de Figma Design, FigJam y Slides en un espacio de equipo.

Figma Design To Code

Convierte diseños de Figma en código con contexto de diseño, tokens y correspondencias de componentes.

Figma Generate Design

Convierte páginas y diseños de aplicaciones en diseños de Figma.

Figma Generate Diagram

Crea diagramas editables en FigJam con la herramienta de generación de Figma.

Figma Generate Library

Crea o actualiza un sistema de diseño en Figma a partir del código fuente.

Figma Generative Plugins

Crea y actualiza plugins generativos en Figma.

Figma Implement Motion

Convierte movimientos y animaciones de Figma en código de aplicación.

Figma Shaders

Crea y actualiza shaders en Figma.

Figma Swiftui

Convierte diseños entre SwiftUI y Figma.

Figma Use

Trabaja con archivos de Figma mediante la herramienta MCP y las indicaciones del editor.

Figma Use Figjam

Trabaja con tableros de FigJam mediante la herramienta MCP de Figma.

Figma Use Motion

Añade, edita e inspecciona animaciones de nodos de Figma con fotogramas clave, interpolación y duración.

Figma Use Slides

Trabaja con Figma Slides mediante la herramienta MCP de Figma.

Frontend Design

Guía el diseño visual de interfaces con dirección estética, tipografía y decisiones propias del proyecto.

Generate Project Plan

Crea un tablero de planificación en FigJam a partir de un PRD y del contexto del código, con revisión por secciones.

Theme Factory

Aplica temas de colores y tipografías a documentos, informes, diapositivas y páginas.

Video Interaction Mapper

Analiza grabaciones de interfaces y representa sus estados de interacción en Figma.