Pencil.dev to Figma · FREE
Import Pencil.dev screens to clean, editable Figma frames
Plugin Preview
About this plugin
Pencil.dev to Figma lets you import your Pencil.dev designs ( .pen files) into a clean, editable Figma file.It recreates your screens as Figma frames with organized layers, text, colors, and auto layout so you can keep iterating in Figma, hand off to dev, or build a design system.What you get:Editable frames and layers (no screenshots)Text stays as textStyles for colors and typography when possibleEditable SVG iconsAuto Layout applied where it makes senseFast import for multiple screensBest for:Product designers and teams using Pencil.dev for rapid UI exploration who want a smooth path into Figma for polishing and collaboration.This plugin is a side project by David Martín Suárez:davidmartinsuarez.com
Plugin Details
| Version | 3 |
|---|---|
| Created | February 6, 2026 |
| Last Updated | February 18, 2026 |
| Category | Uncategorized |
| Creator | David Martín Suárez |
| Stats | 217 installs, 57 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://fonts.gstatic.com
- https://unpkg.com
More Like This
Discover other plugins in the same category.