Pencil To Figma

C 64 completed
Plugin
unknown / typescript · tiny
42
Files
30,516
LOC
0
Frameworks
5
Languages

Pipeline State

completed
Run ID
#366193
Phase
done
Progress
1%
Started
Finished
2026-04-13 01:31:02
LLM tokens
0

Pipeline Metadata

Stage
Cataloged
Decision
proceed
Novelty
69.33
Framework unique
Isolation
Last stage change
2026-05-10 03:35:02
Deduplication group #48811
Member of a group with 1 similar repo(s) — this repo is canonical view group →
Top concepts (2)
Project DescriptionLibrary
Repobility — same analyzer, your code, free for public repos · /scan/

AI Prompt

Create a Figma plugin that imports designs from a custom `.pen` file format exported from pencil.dev. The plugin needs to read the `.pen` file and automatically recreate the entire design within Figma. It must support importing all elements like screens, frames, text (with fonts, sizes, weights, colors), shapes, colors, gradients, image fills, shadows, blur effects, and reusable components. Additionally, it should handle design variables, including color and spacing tokens, and support light/dark themes. Include a local sandbox tool that can test the conversion without needing Figma open.
typescript figma plugin design-tool ui/ux automation javascript typescript
Generated by gemma4:latest

Catalog Information

A Figma plugin that imports .pen files from pencil.dev into Figma.

Description

This plugin enables Figma users to import design files saved in the .pen format from pencil.dev directly into their Figma workspace. It parses the .pen file structure and recreates the corresponding layers, shapes, and text elements within Figma, preserving the original design hierarchy. The integration is seamless, requiring only a single click to load the file and place it on the canvas. Targeted at UI/UX designers and teams that use pencil.dev for early sketches, the plugin saves time by eliminating manual conversion steps. It addresses the common pain point of transferring designs between tools, ensuring consistency and reducing errors.

الوصف

يتيح هذا المكوّن للمستخدمين في فِيجما استيراد ملفات التصميم التي تم حفظها بصيغة .pen من موقع pencil.dev مباشرةً إلى مساحة عمل فِيجما. يقوم بتحليل بنية ملف .pen ويعيد إنشاء الطبقات والأشكال وعناصر النص المقابلة داخل فِيجما، مع الحفاظ على التسلسل الهرمي الأصلي للتصميم. التكامل سلس، إذ يتطلب فقط نقرة واحدة لتحميل الملف ووضعه على اللوحة. يستهدف المصممين ومجموعات التصميم التي تستخدم pencil.dev للرسومات الأولية، ويقلل الوقت المستغرق في خطوات التحويل اليدوي. يحل المشكلة الشائعة في نقل التصاميم بين الأدوات، ويضمن الاتساق ويقلل الأخطاء.

Novelty

6/10

Tags

design-import figma-integration .pen-file-conversion workflow-automation productivity-enhancement

Technologies

esbuild vitest

Claude Models

claude-opus-4.6

Quality Score

C
64.3/100
Structure
52
Code Quality
80
Documentation
53
Testing
40
Practices
67
Security
100
Dependencies
60

Strengths

  • Good security practices \u2014 no major issues detected

Weaknesses

  • No LICENSE file \u2014 legal ambiguity for contributors
  • No CI/CD configuration \u2014 manual testing and deployment
  • 323 duplicate lines detected \u2014 consider DRY refactoring
  • 1 'god files' with >500 LOC need decomposition

Recommendations

  • Set up CI/CD (GitHub Actions recommended) to automate testing and deployment
  • Add a linter configuration to enforce code style consistency
  • Add a LICENSE file (MIT recommended for open source)

Security & Health

4.6h
Tech Debt (A)
A
OWASP (100%)
PASS
Quality Gate
A
Risk (0)
Source: Repobility analyzer · https://repobility.com
Unknown
License
2.4%
Duplication
Full Security Report AI Fix Prompts SARIF SBOM

Languages

typescript
49.4%
json
38.2%
markdown
7.3%
html
3.9%
javascript
1.1%

Frameworks

None detected

Concepts (2)

Open data · scored by Repobility · https://repobility.com
CategoryNameDescriptionConfidence
Repobility · code-quality intelligence platform · https://repobility.com
auto_descriptionProject DescriptionA Figma plugin that imports designs from pencil.dev into Figma.80%
auto_categoryLibrarylibrary70%

Quality Timeline

1 quality score recorded.

View File Metrics

Embed Badge

Add to your README:

![Quality](https://repos.aljefra.com/badge/90373.svg)
Quality BadgeSecurity Badge
Export Quality CSVDownload SBOMExport Findings CSV