Back to Plugins
Pencil.dev to Figma · FREE

Pencil.dev to Figma · FREE

Import Pencil.dev screens to clean, editable Figma frames

Plugin Preview

Pencil.dev to Figma · FREE 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

Version3
CreatedFebruary 6, 2026
Last UpdatedFebruary 18, 2026
CategoryUncategorized
CreatorDavid Martín Suárez
Stats217 installs, 57 likes
PricingFree

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.

No similar plugins found in this category.