Skills da Design & Interfaces

Algorithmic Art

Orienta arte algorítmica original em p5.js com aleatoriedade reproduzível e exploração interativa de parâmetros.

Canvas Design

Orienta a criação de arte visual em documentos .png e .pdf a partir de princípios de design.

Figma Code Connect

Cria modelos Figma Code Connect que relacionam componentes Figma com exemplos de código.

Figma Create New File

Cria ficheiros Figma Design, FigJam e Slides no espaço da equipa.

Figma Design To Code

Transforma designs Figma em código com contexto, variáveis e correspondências de componentes.

Figma Generate Design

Transforma páginas de aplicações e disposições de várias secções em designs Figma.

Figma Generate Diagram

Cria diagramas editáveis no FigJam através da ferramenta Figma.

Figma Generate Library

Cria ou atualiza um sistema de design Figma a partir de código.

Figma Generative Plugins

Cria e atualiza extensões generativas Figma.

Figma Implement Motion

Transforma animações Figma em código de aplicação preparado para produção.

Figma Shaders

Cria e atualiza shaders no Figma.

Figma Swiftui

Orienta a conversão entre SwiftUI e Figma.

Figma Use

Trabalha com ficheiros Figma através de MCP segundo as orientações do fornecedor.

Figma Use Figjam

Trabalha com quadros FigJam através da ferramenta Figma MCP.

Figma Use Motion

Orienta animação de elementos Figma com imagens-chave, estilos, suavização e duração temporal.

Figma Use Slides

Trabalha com apresentações Figma Slides através de MCP.

Frontend Design

Orienta o design visual de interfaces, incluindo direção estética, tipografia e escolhas adequadas ao projeto.

Generate Project Plan

Cria um quadro de planeamento FigJam a partir de requisitos de produto e contexto do código.

Theme Factory

Aplica temas de cores e tipografia a apresentações, documentos, relatórios e páginas HTML.

Video Interaction Mapper

Analisa gravações de interfaces e representa estados de interação no Figma.