Feega vs Pencil.dev

Pencil.dev, now pen.dev, is an agentic design canvas that lives next to your code, with IDE extensions and HTML/Tailwind export. Feega is an open-source canvas for design, motion and AI media generation that agents edit over MCP.

Who should pick Pencil.dev

Pick Pencil.dev for design-to-code inside your IDE.

Design inside Cursor or VS Code, with HTML or Tailwind out.
Live webpages pasted as layers with the Chrome extension.
A design-to-code workflow rather than design-to-video.

Who should pick Feega

Pick Feega when designs must move, export to video, or mix with generated media.

Designs animate and export to MP4, GIF or Lottie.
Images, video and audio are generated on the same canvas.
The whole app is open source and self-hostable, with real-time editing and comments.

Feature by feature

	Feega	Pencil.dev
Design frames on an infinite canvas	Yes	Yes Components, variables, flex layout, slides
Keyframe timeline	Yes	No
Text-to-image and text-to-video inside the editor	Yes Cloud app, models from Google, OpenAI, ByteDance and others	Yes Image and SVG generations per month by plan
An AI agent (Claude Code, Codex) can build and edit the video	Yes MCP server, CLI and REST API	Yes On-canvas agent, MCP, WebMCP, headless CLI
Bring designs in from Figma	Yes Paste from Figma or import by link	Yes Imports .fig files
Lottie export	Yes Lottie and dotLottie	No
Video export (MP4, MOV or WebM)	Yes MP4 H.264/H.265, ProRes 422 and 4444, WebM with alpha, GIF	No PDF, PNG, JPEG, WEBP, HTML and CSS/Tailwind
Interactive runtime for apps and games (state machines)	No Click-through prototypes only	No
Videos written as React code	No	No
Open-source editor (OSI licence)	Yes Apache-2.0	No Open .pen file format; app license not stated
Works on your machine without an account	Yes One .feega file, no account	No Not verified
Real-time collaboration on the same file	Yes Cloud app	No Link sharing

Moving designs into Feega

Feega does not open .pen files. If your source is in Figma, copy the layers and paste them on the Feega canvas; layers are kept. Agents that already speak MCP can connect to Feega’s MCP server and work on the same canvas you do.

Is Pencil.dev the same as pen.dev?

Yes. pencil.dev now redirects to pen.dev.

Can Feega export code?

Feega exports images, vectors and video (PNG, SVG, PDF, MP4, GIF, APNG, Lottie), not HTML or Tailwind.

Pricing

Pencil.dev: Free: $0, 5 agent-design days per month, 25 image/SVG generations. Pro: $16 per user per month. Ultra: $48 per user per month. Enterprise: custom. Annual billing saves 20%.

Feega: Free to run locally from the open-source repository. The cloud app, with AI generation, sharing and comments, is a monthly plan; see pricing on the home page.

Sources

Checked on 2026-10-28. Something wrong? Write to hi@feega.app.

More comparisons

Try Feega →