Pencil
Pencil.dev is an AI-powered design-in-code canvas and creative tool that brings visual interface design directly into development environments like Cursor, VS Code, and other IDEs so designers and engineers can work without handoffs between tools. Built around an agent-driven MCP (Model Context Protocol) canvas and an open design format that lives in your codebase, Pencil lets you draw, iterate, and generate pixel-perfect UI screens with AI assistance while keeping the design files versioned in Git alongside your source code, enabling branches, merges, and rollbacks like regular code. It eliminates the friction of switching between tools by embedding a Figma-like canvas into the IDE, supports importing frames and assets from Figma with vectors and styles intact, and lets you manipulate design elements directly with familiar editing panels, layers, and CSS-like properties, while AI models help generate screens, flows, and components in parallel.
Learn more
Lunagraph
Lunagraph is an AI-powered design canvas that allows users to create user interfaces directly using real code instead of abstract design layers, combining visual design and development into a single workflow. It enables designers, developers, product teams, and other collaborators to build interfaces using actual HTML, CSS, and React components, ensuring that what is created on the canvas is exactly what ships in production. It eliminates traditional handoff processes by allowing users to design directly with the “raw material” of code, avoiding translation errors and inconsistencies between design files and implementation. It integrates an AI assistant, powered by Claude Code, that works alongside the canvas to help refactor components, generate variations, apply design systems, and make large-scale changes while maintaining the full context of the project, including the codebase and design assets.
Learn more
Bolt.new
Bolt.new is an AI-powered app development platform that allows users to build full-stack applications directly from their browser. It enables users to create websites, web apps, and prototypes using simple natural language prompts. The platform automatically generates code, sets up project structure, and deploys applications without requiring manual setup. Users can edit and refine their projects in real time within an integrated browser-based development environment. Bolt.new eliminates the need for installing tools or configuring local environments. It supports rapid prototyping, making it easy to turn ideas into working applications quickly. Overall, Bolt.new simplifies and accelerates software development for both technical and non-technical users.
Learn more
Canva
Canva is an AI-powered visual design and content creation platform that enables individuals and businesses to create graphics, presentations, videos, documents, websites, and marketing materials. The software provides a drag-and-drop editor with customizable templates, stock photography, illustrations, fonts, animations, and multimedia assets. Its AI capabilities include conversational design generation, image and video creation, automated background removal, writing assistance, and intelligent editing tools. Canva's Visual Suite includes presentations, whiteboards, documents, spreadsheets, website creation, and video editing within a unified workspace. Collaboration features allow teams to edit projects together, share feedback, manage brand assets, and maintain visual consistency through Brand Kits and templates. The platform also offers Canva Code for generating interactive websites and applications, along with publishing tools, social media scheduling, and integrations.
Learn more
