Pencil

Pencil

Pencil.dev
+
+

Related Products

  • Google Cloud BigQuery
    2,023 Ratings
    Visit Website
  • Screencapt
    138 Ratings
    Visit Website
  • Assembled
    272 Ratings
    Visit Website
  • Adobe Firefly
    25,030 Ratings
    Visit Website
  • Gemini Enterprise Agent Platform
    999 Ratings
    Visit Website
  • Google AI Studio
    30 Ratings
    Visit Website
  • JetBrains Junie
    12 Ratings
    Visit Website
  • Redlist
    64 Ratings
    Visit Website
  • NINJIO
    416 Ratings
    Visit Website
  • KonstructIQ
    7 Ratings
    Visit Website

About

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.

About

PinAppAI is visual feedback software that turns website change requests into structured tasks for AI coding agents. Reviewers place pins on live website elements and describe changes using plain language or voice input. AI agents like Claude Code and Codex receive localized requests with element identification, text selections, and pixel-perfect captures. The platform supports four pinning modes: free-form pins with percentage-based positioning, element pins for precise HTML targeting, screenshot pins for pixel-perfect images, and text-selection pins for exact find-replace operations. PinAppAI integrates with AI coding tools via Model Context Protocol, letting reviewers annotate live sites while AI agents propose fixes in the editor. It works with Claude Code, Cursor, Continue, Codex, and Claude Desktop. Access options include review links, embedded widgets, a Chrome extension, and a macOS app.

Platforms Supported

Windows
Mac
Linux
Cloud
On-Premises
iPhone
iPad
Android
Chromebook

Platforms Supported

Windows
Mac
Linux
Cloud
On-Premises
iPhone
iPad
Android
Chromebook

Audience

Front-end developers seeking an AI-integrated visual design canvas inside their coding workflow to streamline UI design and bridge the gap between design and production code

Audience

Solo founders, developers, and web agencies shipping AI-built or AI-assisted websites; product teams that run an AI coding agent (Claude Code, Cursor, Codex) and want reviewer feedback on live sites applied by the agent rather than routed to a ticket queue.

Support

Phone Support
24/7 Live Support
Online

Support

Phone Support
24/7 Live Support
Online

API

Offers API

API

Offers API

Screenshots and Videos

Screenshots and Videos

No images available

Pricing

Free
Free Version
Free Trial

Pricing

$9/month/user
Free Version
Free Trial

Reviews/Ratings

Overall 0.0 / 5
ease 0.0 / 5
features 0.0 / 5
design 0.0 / 5
support 0.0 / 5

This software hasn't been reviewed yet. Be the first to provide a review:

Review this Software

Reviews/Ratings

Overall 0.0 / 5
ease 0.0 / 5
features 0.0 / 5
design 0.0 / 5
support 0.0 / 5

This software hasn't been reviewed yet. Be the first to provide a review:

Review this Software

Training

Documentation
Webinars
Live Online
In Person

Training

Documentation
Webinars
Live Online
In Person

Company Information

Pencil.dev
United States
www.pencil.dev/

Company Information

PinAppAI
Founded: 2026
Turkey
pinappai.com

Alternatives

Alternatives

Fusion

Fusion

Builder.io

Categories

Categories

Integrations

Claude Code
Cursor
OpenAI Codex
CSS
Claude Desktop
Continue
Figma
Git
Google Chrome
Model Context Protocol (MCP)
Playwright
Puppeteer
Visual Studio Code

Integrations

Claude Code
Cursor
OpenAI Codex
CSS
Claude Desktop
Continue
Figma
Git
Google Chrome
Model Context Protocol (MCP)
Playwright
Puppeteer
Visual Studio Code
Claim Pencil and update features and information
Claim Pencil and update features and information
Claim PinAppAI and update features and information
Claim PinAppAI and update features and information