Sekkei – Section Planner & Workflow Toolkit for Elementor
Elementor workflow toolkit - plan sections, run audits, manage client feedback, sync design tokens, and hand off projects — right beside your canvas.
Use with caution
Sekkei works, but test it on a staging site before relying on it in 2026. Was last updated 3 months ago, and scores 55/100 on our health check.
- Small user base (<10 active installs)
- Very few reviews so far
How does it stack up?
Side-by-side on installs, updates, ratings & supportDaily downloads
Download spikes usually follow a new release — each site that auto-updates counts as a download.
Rankings
Where Sekkei stands todayWordPress.org search rankings
Live position in the plugin search, top 100| Keyword | Position |
|---|---|
| css generator | >100 |
| elementor | >100 |
| elementor addons | >100 |
| page builder | >100 |
| workflow | >100 |
About Sekkei
From the official readme · v1.10.0Description
Sekkei (設計, Japanese for “design/planning”) is the all-in-one workflow companion built specifically for Elementor developers and agencies. It integrates directly into the Elementor editor as a draggable floating panel, or works as a standalone tool from your WordPress dashboard.
Stop switching between apps and browser tabs — plan, audit, collaborate, and hand off everything in one place, right next to your Elementor canvas.
Key Features
Section Planner — Plan your page structure before building. Add sections with names, types, CSS classes, notes, dependencies, and health warnings. Sync Elementor containers, export a clean page outline for client approval, and track responsive QA status (desktop/tablet/mobile) per section.
Design Checklist — Never miss a step. 30+ checklist items across 5 categories with accordion collapse. Load SOP templates for Landing Pages, WooCommerce, or Blog layouts. Add custom items and groups. Track progress with a live progress bar.
Color Palette — Save and organize brand colors. Group colors by palette (Brand, Dark Mode, etc.). Assign roles like Primary, Accent, Background. Copy hex codes, CSS variables, or push colors directly to Elementor Global Colors.
Font Pairing — Curated font pairings including Bengali and Arabic presets. Filter by style: editorial, modern, minimal, bold. Copy CSS, Google Fonts links, or CSS Custom Properties. Save custom pairings with weight/line-height recommendations.
Design Tokens — Generate CSS custom property tokens for typography scale, spacing, border radius, and box shadows. Copy as a :root {} block into your stylesheet. Sync tokens directly to Elementor Global Styles (writes to Elementor Kit).
CSS Generator — Generate Elementor-ready CSS snippets from 6 presets, and manage all your styles in one place with the Scattered Custom CSS Hub. Scan the page to edit and update Elementor custom CSS on any widget or container from a single panel.
Pre-Publish Audit — Scan your Elementor page before publishing. Detect placeholder text, broken links, missing or weak image alt tags, heading sequence issues, oversized images, SEO title/meta length, accessibility gaps, and widget usage or DOM asset bloat statistics. View audit history (last 5 scans). Export a full audit report as .txt.
Agency Cockpit — Kanban-style project pipeline board (Draft → Design → Review → Revision → Approved → Published). Track blockers, project metadata, and last updated dates.
Client Feedback — Collect section-level client comments. Export a shareable HTML feedback page for clients (no WordPress access needed). Import feedback JSON back to sync client comments.
Revision Log — Track every change and client request with a dated revision log. Full audit trail for billing and scope management.
White-Label Handoff Reports — Generate a branded, printable HTML client handoff report with your agency logo, custom title, accent color, project details, planner structure, checklists, and audit summary.
Project Notes — Client feedback, revision history, TODOs — all in one place. Quick insert tags and date stamps.
Export & Backup — Export your project as formatted text or JSON. Sync to WordPress database (stored in user metadata, max 3MB). Restore from database backup. Auto-backup reminder every 15 saves or 7 days.
How It Works
-
In Elementor Editor: A floating “Sekkei” button appears. Click or drag it anywhere on screen. Use
Ctrl+Shift+Pto toggle. Drag the panel header to undock it as a floating window — just like Divi or Elementor Navigator. Double-click the header to redock. -
In WordPress Admin: Navigate to Sekkei → Open Tool for a full-screen experience.
-
Keyboard Shortcuts:
Ctrl+Shift+Pto toggle panel.Escapeto close.Alt+1toAlt+9andAlt+0for instant tab switching. -
Data Storage: All data is saved in your browser’s localStorage — no server requests, no database load, instant performance. Optional database sync available in Export panel.
100% Free & Unlocked
Sekkei is 100% free and open-source under GPL-2.0+. Every feature is included with no paywalls, subscriptions, or license keys.
Third-Party Libraries
Sekkei uses the following third-party libraries, included in the plugin package:
Tabler Icons
- Version: Latest stable
- License: MIT License
- License URI: https://opensource.org/licenses/MIT
- Source: https://tabler.io/icons
- Location: assets/vendor/tabler-icons/
- Purpose: Icon set used inside the standalone tool interface (assets/tool/index.html)
Syne (Font)
- Version: Latest stable
- License: SIL Open Font License 1.1
- License URI: https://scripts.sil.org/OFL
- Source: https://fonts.google.com/specimen/Syne
- Location: assets/vendor/fonts/syne-700.woff2
- Purpose: Display/heading font in the standalone tool interface
DM Sans (Font)
- Version: Latest stable
- License: SIL Open Font License 1.1
- License URI: https://scripts.sil.org/OFL
- Source: https://fonts.google.com/specimen/DM+Sans
- Location: assets/vendor/fonts/dm-sans-400.woff2, dm-sans-500.woff2
- Purpose: UI body font in the standalone tool interface
DM Mono (Font)
- Version: Latest stable
- License: SIL Open Font License 1.1
- License URI: https://scripts.sil.org/OFL
- Source: https://fonts.google.com/specimen/DM+Mono
- Location: assets/vendor/fonts/dm-mono-400.woff2
- Purpose: Monospace font for CSS code output in the standalone tool interface
Installation
- Upload the
sekkeifolder to the/wp-content/plugins/directory - Activate the plugin through the ‘Plugins’ menu in WordPress
- Open any page with Elementor editor — look for the floating “Sekkei” button
- Or navigate to Sekkei → Open Tool in the WordPress admin menu
Frequently asked questions
Does this require Elementor Pro?
No! Sekkei works with the free version of Elementor. No Pro API is used.
Where is my data saved?
All data is saved in your browser’s localStorage by default — no server requests, instant performance. You can optionally sync to the WordPress database from the Export panel (stored securely in user metadata).
Can I export my data?
Yes! Use the Export panel to download your project as a .txt file for client handover, as JSON for backup/import, or generate a white-label HTML handoff report for clients.
Will this slow down my site?
No. Sekkei only loads in the Elementor editor and WordPress admin — never on the frontend. Zero impact on site performance or page speed.
Does Sekkei load anything on my live frontend?
No. Sekkei is designed for the WordPress admin and Elementor editor only. It does not add frontend widgets, frontend scripts, or frontend styles to visitor-facing pages.
What happens if my browser storage gets corrupted?
Sekkei keeps a local recovery backup before every save. If the main data cannot be loaded, Sekkei attempts to recover from the backup. You can also restore from a database backup or imported JSON via the Export panel.
Is JSON import safe?
Sekkei validates imported JSON, normalizes project data, limits large imports, and shows an import summary before adding the project. Prototype pollution is guarded against during parsing.
What should I do before publishing an Elementor page?
Open Sekkei, review the Section Planner, complete the Design Checklist, run the Pre-Publish Audit, then export your notes or generate a white-label handoff report for your client.
Does it work with other page builders?
Sekkei is designed for Elementor workflows, but the standalone tool (Admin → Open Tool) can be used for planning any website project.
Can I drag the floating button and panel?
Yes! Both the floating trigger button and the panel itself are draggable. Drag the panel header to undock it as a floating window anywhere on screen. Double-click to reset to default position. Positions are saved in localStorage.
What is the Elementor Global Styles sync?
From the Design Tokens panel, you can sync your design tokens and color palette directly to Elementor’s active Kit — writing CSS custom properties to Elementor’s global settings and flushing the CSS cache automatically.
Changelog
Adds Scattered Custom CSS Hub, Widget & Asset Bloat Audit, PDF Sign-off Handoff Report, Auto-Generated Brand Style Guide, full Tabler Icons font, and fixes WCAG checker readability in Light Mode.
1.10.0
- Added Quick Command Palette (Ctrl+K / Cmd+K) for global search, instant panel switching, audit triggers, and notes lookup
- Added Project Dashboard Overview Metrics Grid featuring live section, checklist, health score, backup, feedback, and blocker stats
- Added Mobile-Specific Audit Checks for small text sizes (< 16px), touch target bounds (< 44px), horizontal scroll overflows, and sticky header screen height
- Added Broken Link Scanner detecting javascript:void links and validating #hash anchor references against DOM element IDs
- Added Responsive CSS Builder generating Elementor tablet/mobile breakpoint media query blocks with one-click copy & snippet saving
- Added Section Completion Tracker with toggle buttons (Design 🎨, Copy 📝, Responsive 📱) and live page progress bar in Planner
- Added Panel Resize Width persistence using localStorage and double-click redock functionality
1.9.0
- Added Color Palette Presets Library with 6 curated high-quality presets
- Added Smart Dark Mode Palette Generator based on luminosity logic
- Added Color Harmony Generator for Analogous, Monochromatic, Complementary, Split, Triadic, and Tetradic swatches
- Added Visual Typography Scale Preview mapping H1-H6 sizes visually
- Added Design Token Presets Loader with 5 pre-configured styling templates (Minimal, Corporate, Bold, Soft, SaaS)
- Added Section Completion Tracker with live progress bar in planner
- Upgraded Pre-Publish Scan with 100-point Audit Score Card and weighted deductions
- Added Actionable Issue Fix Suggestions for detected audit violations
- Added Common CSS Fix Snippets Pack with 20 one-click Elementor CSS solutions
- Added Project Type Specific SOP Checklists (Local Business, SaaS, Restaurant, Portfolio, Clinic)
- Added Checklist Item Priority Tags (Critical, Important, Nice) with filtering logic
- Added Client-Ready Page Brief Export Modal with formatting and size estimates
1.8.0
- Added Scattered Custom CSS Hub for centralized scanning and two-way inline CSS updates in Elementor
- Added Widget & Asset Bloat Audit scanner for high widget counts and active element frequency map
- Added One-Click PDF Sign-off Handoff Report with print-ready CSS and a floating print button
- Added Auto-Generated Brand Style Guide Page displaying brand colors, typography scales, spacing, border radius, and UI preview elements
- Expanded Tabler Icons subset to include dashboard and navigation icons (font remains optimized at 10KB)
- Fixed WCAG contrast checker badges readability in Light Mode
- Fixed 999-day backup reminder showing for new users with no prior backup
1.7.0
- UI polish: color-coded section type borders, Kanban status color accents, SaaS card elevation and hover effects
- Fixed WCAG contrast checker badges unreadable in light mode
- Fixed 999-day backup reminder showing for new users with no prior backup
- Enhanced audit engine: inherited background contrast scanner, noopener security check, social media placeholder link detection
- Reduced Tabler Icons font from 832KB to 10KB with expanded 55-icon subset
- Added Elementor Global Styles database sync (writes design tokens directly to Elementor Kit via AJAX)
- Added White-label Client Handoff HTML report with agency logo, custom title, and accent color
- Enhanced pre-publish audit with generic/weak alt text detection
- Added Cloud Workspace panel (coming soon — API keys not yet active)
1.6.1
- Added draggable floating trigger button (FAB) with position memory and double-click reset
- Added draggable floating panel window (Divi-style undocking) with position memory and double-click redock
- Added Alt+1 to Alt+9 and Alt+0 keyboard shortcuts for instant panel navigation
- Fixed iframe focus trap — Ctrl+Shift+P and Escape now bubble correctly from panel to editor
- Added CSS Variables export button in Font Pairing panel
1.6.0
- Added Global Error Boundary for JS catch resilience and emergency auto-save
- Added auto-retry save logic with exponential backoff on localStorage quota/issues
- Added auto-backup local download reminder (every 15 saves or 7 days)
- Added Cross-Tab localStorage Synchronization to prevent stale states
- Added secure WP Database Backup/Restore (Sync to DB / Restore from DB) stored in user metadata
- Added CSS Custom Variables export button in Color Palette cockpit
- Added accordion expand/collapse logic to Design Checklist groups with completion progress indicators
- Added Layout Scan Audit History card tracking the latest 5 scan scores
- Introduced Terser and CSSnano minification build pipeline reducing editor load size by ~40%
- Fixed legacy Elementor version compatibility check (requires 3.0.0+)
- Fixed a syntax error in client feedback interactive HTML sheet export
- Generated WordPress POT translation templates inside the /languages directory
Screenshots
For developers
Is this your plugin? Show off the numbers.
Add a live badge to your site, docs or GitHub README. It updates on its own — no account needed.
Best Sekkei alternatives
All css generator plugins →| Rank | Plugin | Active installs |
|---|---|---|
| 1 |
Doohickey's Dev Tools
Essential web development utilities right in your WordPress dashboard — CSS generators…
|
<10 |
FAQ
Sekkei: quick answers
Straight answers, pulled from live WordPress.org data.
Live data from WordPress.org · checked Oct 11, 2026
Is Sekkei free?
Yes. Sekkei is free to download and use from the official WordPress.org plugin directory.
Is Sekkei safe to use in 2026?
Sekkei works, but test it on a staging site before relying on it in 2026. Was last updated 3 months ago, and scores 55/100 on our health check.
How many websites use Sekkei?
Sekkei is active on <10 WordPress websites and has been downloaded 662 times since it launched in June 2026. It was downloaded 69 times in the last 30 days.
Does Sekkei work with WordPress 7.1?
Sekkei is officially tested up to WordPress 7.0.7, while the latest release is 7.1.3. It may still work, but try it on a staging site first.
What PHP version does Sekkei need?
Sekkei requires PHP 7.4 or higher. Most hosts run PHP 8.x today, so it works on any modern WordPress hosting.
When was Sekkei last updated?
The latest version, 1.10.0, was released on July 24, 2026 (3 months ago).
Who makes Sekkei?
Sekkei is developed and maintained by itsmanzur.
What are the best alternatives to Sekkei?
The most popular alternatives to Sekkei are Doohickey's Dev Tools (<10 installs).
Powered by PageForge
Want thousands of pages that rank like these? Build them in an afternoon.
This directory runs on the same engine as PageForge. Turn any spreadsheet, CSV or API into thousands of fast, SEO-ready WordPress pages — with schema, internal links and AI-written copy baked in.
- CSV, Google Sheets & API data sources
- AI content, schema & internal links per page
- Works with Elementor, Gutenberg, Yoast & Rank Math
- Free on WordPress.org — no credit card
