WP Manifestindependent plugin directory
manifest / themes / onpress-wp

OnPress — Figma to WordPress

OnPress WP — Convert Figma designs to WordPress themes and plugins from your WordPress dashboard

by RocketOpp LLC · github.com/crypto-goatz/onpress-wp · website

★ 0stars
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/crypto-goatz/onpress-wp/archive/refs/heads/main.zip
Readme github.com/crypto-goatz/onpress-wp ↗

Convert Figma designs into production-ready WordPress themes and plugins. Paste a URL, extract design tokens, generate code.

Description

OnPress bridges the gap between Figma and WordPress. Paste a Figma URL, and OnPress extracts every color, font, spacing value, effect, and component into a structured design system — then generates a complete, production-ready WordPress theme or plugin from it.

Two Modes:

  • Cloud Mode — Connect to 0nmcp.com for server-side Figma extraction and generation. No Figma API token needed on your WordPress site.
  • Local Mode — Use your own Figma Personal Access Token. Extraction and generation run directly on your WordPress server.

What Gets Generated:

Themes:

  • style.css with CSS custom properties for every design token
  • functions.php with theme setup, customizer integration, and widget areas
  • Full template set: index, header, footer, single, page, archive, search, 404, comments
  • Google Fonts integration
  • Responsive breakpoints
  • Optional WooCommerce support

Plugins:

  • Gutenberg blocks for each Figma component
  • Shortcodes for each component
  • Design token REST API endpoint
  • Admin settings page with color pickers
  • Enqueued stylesheets with all design tokens

Features:

  • One-click Figma extraction (colors, typography, spacing, radii, effects, components)
  • Design system preview with color swatches and font list
  • Download as ZIP or install directly into WordPress
  • Generation history with re-download support
  • Dark-themed admin UI
  • Full i18n support

Installation

  1. Upload the onpress folder to /wp-content/plugins/
  2. Activate the plugin through the Plugins menu
  3. Go to OnPress → Dashboard in your admin menu
  4. Either connect to 0nmcp.com (Cloud Mode) or add your Figma PAT in Settings (Local Mode)
  5. Paste a Figma URL and generate!

Cloud Mode Setup:

  1. Go to OnPress → Connection
  2. Click "Connect to 0nMCP"
  3. Authorize on 0nmcp.com
  4. You're ready — no Figma token needed

Local Mode Setup:

  1. Go to OnPress → Settings
  2. Enter your Figma Personal Access Token
  3. Click Save, then test the connection

Frequently Asked Questions

Do I need a Figma account?

Yes. You need access to the Figma file you want to convert. In Cloud Mode, your Figma authorization is handled through 0nmcp.com. In Local Mode, you need a Figma Personal Access Token.

What's the difference between Cloud and Local mode?

Cloud Mode connects to 0nmcp.com to handle Figma extraction and code generation on their servers. Local Mode runs everything on your WordPress server using your own Figma API token. Cloud Mode is faster and doesn't require a PAT; Local Mode works offline and keeps all data on your server.

Can I use both modes?

Yes. Toggle between them anytime from the generator page or Settings. Your Figma token is preserved when switching modes.

Does it work with any Figma file?

OnPress works with any Figma design file. It extracts colors, typography, spacing, corner radii, effects (shadows, blurs), and component structures. Files with well-organized design systems produce the best results.

Can I customize the generated code?

Absolutely. The generated themes and plugins are standard WordPress code. Edit them like any other theme or plugin after generation.

Is my Figma token secure?

In Local Mode, your Figma PAT is stored in the WordPress database as a standard option. In Cloud Mode, your Figma authorization stays on 0nmcp.com servers — no token is stored on your WordPress site. The OAuth connection token is encrypted using WordPress security salts.

Screenshots

  1. Dashboard — overview of generations, quick stats, and connection status
  2. Theme Generator — paste a Figma URL, preview the design system, generate
  3. Design system preview — extracted colors, fonts, and components
  4. Connection page — one-click OAuth with 0nmcp.com
  5. Settings — Figma token configuration, mode toggle, defaults

Changelog

2.0.0

  • New: 0nmcp.com OAuth integration (Cloud Mode)
  • New: Cloud-powered Figma extraction and generation
  • New: Dashboard page with quick stats and recent generations
  • New: Connection management page
  • New: Full dark theme admin UI matching 0nmcp.com console
  • New: Mode toggle (Cloud / Local) on generator pages
  • New: Toast notifications for real-time feedback
  • New: Filter generations by type in library
  • New: build.sh for WordPress.org packaging
  • Improved: REST API with 6 new cloud endpoints
  • Improved: All templates redesigned with dark theme
  • Improved: Responsive layout for all admin pages
  • Improved: i18n ready with text domain throughout

1.0.0

  • Initial release
  • Figma URL extraction with design token parsing
  • WordPress theme generation (11 template files)
  • WordPress plugin generation (blocks, shortcodes, REST API)
  • Download ZIP or direct install
  • Generation library with download history
  • Figma PAT configuration in settings

Upgrade Notice

2.0.0

Major update: Cloud mode via 0nmcp.com, full dark theme UI, new dashboard. Existing settings are preserved — you'll default to Local Mode automatically. Connect to 0nMCP anytime to unlock cloud features.