›Plugins›72F Design System Generator
72F Design System Generator
72F Design System Generator icon

72F Design System Generator

By Parth Kulkarni @ 72F Studio

Design SystemTools
Share
Install in Penpot.app

Description

Build a solid design system foundation in seconds instead of spending hours or days setting one up from scratch.

Start by selecting a base foundation. from there, you can either deploy it instantly or take a moment to tweak it. adjust colors, typography, spacing, tokens, whatever you need before pushing it live. 

The idea is speed without losing control. Quick if you want it, precise if you need it.You can export your tokens to json or css so they’re ready for development, not just sitting in design files.

If you want to clean things up, you can delete themes or token sets directly from the plugin without digging around. Simple start, flexible system, no unnecessary friction.

Details

Last update:
Apr 22, 2026
Published:
Apr 22, 2026
Install URL:
https://72f-studio.github.io/72f-design-system-generator/manifest.json
Author website:
http://72fstudio.in/
Code repository:
https://github.com/72F-Studio/72f-design-system-generator

Plugin images

72F Design System Generator screenshot 1
Report this plugin

This plugin was developed by a member or group of members from the Penpot community. While we can’t guarantee everything will work perfectly, we encourage you to report any issues using the “Report this plugin” button—our team will review it.

You can browse, install, and manage plugins directly from the Plugin Panel inside the app, or explore them on our website. Most plugins are created by community members, so feel free to try them out and see what fits your workflow.

Want to share your own plugin? We’d love to see it!

Just check out our plugin development guide to get started. Once your plugin is ready, you can submit it for review and help other teams extend Penpot in new and exciting ways.

Let’s build Penpot together—one plugin at a time.

More about Plugins

Terms and Conditions for Penpot PluginsUser guideDevelopers guideCreate a plugin
Submit a pluginHow to use a pluginReport a pluginContact support
Penpot logo
Product
Self-Host
AI Workflows
Features
Release notes
Integration & API
Business Cases
Features
Community
Community Space
Ambassador Program
Wall of love
Penpot Fest
Blog
Features
Features
Resources
Learning Center
Penpot UI Course
Plugins
Libraries & Templates
Tutorials
Dev Diaries
Help Center
Pricing
Contact Sales
Log In
Contact Sales
Sign up
Penpot logo
Full-stack Design

Product

  • Design
  • MCP Server
  • Code
  • Collaboration
  • Features
  • Design Tool
  • Penpot VS Figma
  • Penpot VS Adobe XD
  • Penpot VS Canva
  • Penpot VS Sketch

Company

  • About
  • Blog
  • Wall of love
  • Penpot Fest
  • Careers
  • Media Kit

Resources

  • Penpot UI Design Course
  • Plugins
  • Libraries & templates
  • Learning center
  • Tutorials
  • Community
  • Release notes
  • Help center

For Businesses

  • Security & Compliance
  • Pricing
  • Self-host
  • Integration & API
  • Why Penpot
  • Penpot Enterprise
  • Design Infrastructure

Resources

  • Penpot UI Design Course
  • Plugins
  • Libraries & templates
  • Learning center
  • Tutorials
  • Community
  • Dev diaries
  • Help center

For Business

  • Security & Compliance
  • Pricing
  • Self-host
  • Integration &API
  • Why Penpot
  • Penpot Enterprise
  • Design Infrastructure

Company

  • About
  • Blog
  • Wall of love
  • Penpot Fest
  • Careers
  • Media Kit

Use Cases

  • Wireframing
  • Prototyping
  • UX design
  • AI Workflows
Collaborative UI Design

Key Features

  • Penpot MCP Server
  • Design Tokens
  • Design Systems
  • CSS Grid and Flex Layouts

Legal

  • Terms & conditions
  • Privacy policy
  • Cookie policy
  • Data processing agreement
  • Whistleblowing
Made with LOVE and Open Source KALEIDOS Subsidiary SL © 2026