Figma Plugin Hub
Back to Plugins
Design System Generator : Penceil

Design System Generator : Penceil

Your design system, penciled in

documentationstyle guidesystem generatordesign handoffcolor exportdesign systemcolordevelopmenttypographyfont export

Plugin Preview

Design System Generator : Penceil preview

About this plugin

Penceil is a powerful design system generator that streamlines your design-to-development workflow. It automatically extracts and organizes:


Complete typography specifications:

  1. Font families and weights
  2. Size hierarchies
  3. Line height measurements
  4. Spacing relationships
  5. Comprehensive color information:
  6. Full RGB values
  7. HEX color codes
  8. Color relationships and variants


Turn your design decisions into structured, implementation-ready systems with pixel-perfect accuracy.

Plugin Details

Version1
CreatedNovember 10, 2024
Last UpdatedNovember 10, 2024
CategoryFile organization plugins
CreatorSudeep
Stats28 installs, 9 likes
PricingFree
Install Plugin

Technical Details

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

More Like This

Discover other plugins in the File organization plugins category.

Smart Frame Organizer

Smart Frame Organizer

Smart Frame Tools — Precision layout. Effortless control.

Chroma Forge

Chroma Forge

Create perfect palettes with color harmony tools

Quick Frames

Quick Frames

Quickly create and name 3 everyday frame sizes

View All File organization plugins Plugins