Pencil.dev to Figma · FREE

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 textColors and typography styles preservedEditable SVG icons (Lucide, Feather, Phosphor, Material Symbols)Auto Layout applied where it makes sense Component instances with property overrides and nested customizations Design tokens and theme variables resolved (including light/dark mode) Linear, radial, and angular gradients Fast import for multiple screens, pick which frames to bring in Best for:Product designers and teams using Pencil.dev for rapid UI exploration who want a smooth path into Figma for polishing and collaboration or developer handoff.A side project by David Martín Suárez:davidmartinsuarez.com