Pencil

Aperçu du Produit

Pencil.dev é uma ferramenta de design pioneira construída para a era "Vibe Coding". Em vez de ser um aplicativo de desenho independente, funciona como uma extensão dentro de IDEs como Cursor e VS Code. Traz uma tela de design infinita para o ambiente de desenvolvimento, permitindo que arquivos de design sejam armazenados no repositório.

Idéal pour

Ideal para desenvolvedores com mentalidade de design e vibe-coders que desejam criar e iterar designs diretamente dentro de seu editor de código sem alternar entre ferramentas de design independentes.

Fonctionnalités Clés

• Tela de design infinita incorporada diretamente dentro dos IDEs VS Code e Cursor, permitindo que designers criem e editem dentro do ambiente de desenvolvimento
• Arquivos de design armazenados como código no repositório, permitindo controle de versão, revisão de código e ramificação para iterações de design junto com o trabalho de engenharia
• Camadas de design vinculadas a componentes que refletem automaticamente alterações do código e vice-versa, mantendo sincronização bidirecional
• Exportação para formatos de design padrão incluindo SVG, PNG e design tokens para transferência para ferramentas externas quando necessário
• Construído especificamente para a era do vibe coding, permitindo visualização em tempo real de alterações de design junto com execução de código ao vivo na mesma janela
• Arquitetura leve focada em desempenho que opera suavemente dentro do IDE sem o inchaço de aplicativos de design independentes