About this plugin
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. ). 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).
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+P to 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+P to toggle panel. Escape to close. Alt+1 to Alt+9 and Alt+0 for 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
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