Back to Plugins
Pencil to Figma

Pencil to Figma

Import Pencil.dev designs into Figma

Plugin Preview

Pencil to Figma preview

About this plugin

Import Pencil.dev export files (.pen) into Figma with full fidelity.


Features:

• Drag & drop or file picker for .pen files

• Convert frames, text, vector paths, rectangles, and ellipses

• Full Auto Layout support (horizontal / vertical)

• Style conversion: fills, strokes, corner radius, opacity

• Variables support - resolve color, number, and string variables

• Theme / Color mode support - switch between Light and Dark modes

• Component references (ref) with descendant overrides

• Material Symbols / Material Icons support

• Bilingual UI (Japanese / English)


How to use:

1. Launch the plugin

2. Drop or select a .pen file

3. Choose color mode (Light / Dark)

4. Click "Import"

Plugin Details

Version1
CreatedJanuary 30, 2026
Last UpdatedJanuary 30, 2026
CategoryImport & export plugins
CreatorOzeki Masaki
Stats101 installs, 14 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none