Design → Code

Pencil.dev

Vector UI canvas inside Cursor and VS Code with AI generation

Pencil.dev is a vector UI canvas that lives inside Cursor and VS Code. It generates UI components from prompts, syncs with your design system, and exports code directly to your project. Best for developers who want design tooling without leaving their editor.

freeVisit website

Overview

Need Help With Prompts?

Our Prototype Assistant can help you generate optimized prompts for Pencil.dev.

Start Chat

Related Tools

Canva Code
Canva Code is part of Canva's Visual Suite — it generates interactive web experiences from prompts using Canva's design engine. No coding required. Part of the same platform as Canva's design tools. Best for non-technical users who already use Canva and want to add simple interactive elements.
Kombai
Kombai is an AI agent specifically designed for real-world frontend development tasks — it understands UI patterns, component structures, and design systems to generate production-quality frontend code.
Magic Patterns
Magic Patterns is an AI prototyping tool that generates UI from prompts and imports design systems for consistent styling. It helps product teams quickly generate UI variants, gather feedback, and test new features. Best for product teams that need to iterate on UI ideas fast with design system alignment.