Ratings and Reviews 0 Ratings

Total
ease
features
design
support

This software has no reviews. Be the first to write a review.

Write a Review

Ratings and Reviews 0 Ratings

Total
ease
features
design
support

This software has no reviews. Be the first to write a review.

Write a Review

Alternatives to Consider

  • Hostinger Horizons Reviews & Ratings
    65 Ratings
    Company Website
  • Google Cloud BigQuery Reviews & Ratings
    2,008 Ratings
    Company Website
  • Picsart Enterprise Reviews & Ratings
    27 Ratings
    Company Website
  • Screencapt Reviews & Ratings
    130 Ratings
    Company Website
  • Adaptive Security Reviews & Ratings
    87 Ratings
    Company Website
  • Assembled Reviews & Ratings
    248 Ratings
    Company Website
  • Juspay Reviews & Ratings
    16 Ratings
    Company Website
  • Gemini Enterprise Agent Platform Reviews & Ratings
    961 Ratings
    Company Website
  • Google AI Studio Reviews & Ratings
    11 Ratings
    Company Website
  • CMW Platform Reviews & Ratings
    683 Ratings
    Company Website

What is Pencil?

Pencil.dev is a cutting-edge design-in-code platform that leverages AI to effectively merge visual interface design with development environments like Cursor, VS Code, and other IDEs, enabling designers and developers to work together without requiring tool transfers. At its core lies an agent-driven Model Context Protocol (MCP) canvas, along with an easy-to-use design format that is integrated into the codebase, allowing users to craft, improve, and deliver pixel-perfect UI screens with AI assistance, all while preserving version control through Git, which supports features such as branching, merging, and rolling back, much like conventional coding workflows. By embedding a Figma-like canvas within the IDE, it minimizes the inconvenience of toggling between different applications, facilitates the importation of frames and assets from Figma while keeping vectors and styles intact, and provides users with intuitive editing panels, layers, and CSS-like properties for design manipulation. Additionally, the platform's AI capabilities aid in the concurrent creation of screens, flows, and components, significantly boosting productivity and encouraging creativity in the design process. This seamless integration cultivates a more unified workflow, streamlining innovation and iteration for teams as they work on their projects with greater efficiency and collaboration. Ultimately, Pencil.dev represents a transformative approach to the intersection of design and development, making it an essential tool for modern teams.

What is Over.fig?

Over.fig is a free Chrome extension that enables users to project their Figma designs onto a webpage as a semi-transparent layer. This innovative tool bridges the gap between design and development, allowing for an effortless comparison of your design against the live site with just one click. Eliminate the inconvenience of switching between tabs and the confusion surrounding margins, fonts, or colors, as well as the drawbacks of static image overlays that restrict interactivity. Key Features - Access Figma's precise measurement tools directly on your live site. By hovering over any element, you can instantly view its spacing, padding, and alignment, ensuring you confirm every detail without the need to toggle tabs or make guesses. - Quickly check design CSS and translate it into Tailwind classes. Just click on any element in your design to inspect its styles and convert Figma designs into Tailwind utility classes on the fly. - Selectively overlay only the frames you need. Whether it’s a header, a card, or a call-to-action area, you can choose any frame or group in Figma to project that specific section, providing an accurate reference while you code. This extension not only streamlines the workflow for designers and developers but also fosters better collaboration, making the entire process more efficient and enjoyable. Moreover, by reducing the time spent on context switching, it allows teams to focus more on creativity and functionality.

Media

Media

No images available

Integrations Supported

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

Integrations Supported

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

API Availability

Has API

API Availability

Has API

Pricing Information

Free
Free Trial Offered?
Free Version

Pricing Information

$6/month
Free Trial Offered?
Free Version

Supported Platforms

SaaS
Android
iPhone
iPad
Windows
Mac
On-Prem
Chromebook
Linux

Supported Platforms

SaaS
Android
iPhone
iPad
Windows
Mac
On-Prem
Chromebook
Linux

Customer Service / Support

Standard Support
24 Hour Support
Web-Based Support

Customer Service / Support

Standard Support
24 Hour Support
Web-Based Support

Training Options

Documentation Hub
Webinars
Online Training
On-Site Training

Training Options

Documentation Hub
Webinars
Online Training
On-Site Training

Company Facts

Organization Name

Pencil.dev

Company Location

United States

Company Website

www.pencil.dev/

Company Facts

Organization Name

Over.fig

Date Founded

2025

Company Location

United States

Company Website

overfig.com

Categories and Features

Categories and Features

Web Design

Autocompletion
Collaborative Editing
Content Management
Drag & Drop
Element Libraries
Programming Language Support
Syntax Highlighting
Templates

Popular Alternatives

Popular Alternatives

Fusion Reviews & Ratings

Fusion

Builder.io