symfinity / ui-designer
Dev-only UI Kernel DTCG theme designer — visual studio, import, preview, export
Package info
github.com/symfinity/ui-designer
Type:symfony-bundle
pkg:composer/symfinity/ui-designer
Fund package maintenance!
v0.1.0
2026-07-05 16:01 UTC
Requires
- php: >=8.2
- symfinity/ui-kernel: ^0.3.1
- symfony/config: ^7.4||^8.0
- symfony/console: ^7.4||^8.0
- symfony/dependency-injection: ^7.4||^8.0
- symfony/filesystem: ^7.4||^8.0
- symfony/framework-bundle: ^7.4||^8.0
- symfony/http-client: ^7.4||^8.0
- symfony/http-foundation: ^7.4||^8.0
- symfony/http-kernel: ^7.4||^8.0
- symfony/routing: ^7.4||^8.0
- symfony/yaml: ^7.4||^8.0
Requires (Dev)
- phpstan/phpstan: ^2.1
- phpstan/phpstan-symfony: ^2.0
- phpunit/phpunit: ^11.0
- symfinity/ux-blocks-core: ^0.1
- symfony/asset-mapper: ^7.4||^8.0
- symfony/browser-kit: ^7.4||^8.0
- symfony/css-selector: ^7.4||^8.0
- symfony/security-csrf: ^7.4||^8.0
- symfony/stimulus-bundle: ^2.0|^3.0
- symfony/twig-bundle: ^7.4||^8.0
This package is auto-updated.
Last update: 2026-07-05 16:05:59 UTC
README
UI Designer
Dev-only DTCG theme designer for UI Kernel
Note
Read-only mirror. See CONTRIBUTING.md for how to propose changes.
Features
- DTCG-native authoring — W3C design tokens +
theme.meta.yaml; no legacy YAML pack format - Visual studio —
/ui-designerwith ref picker, contrast panel, undo, and snapshots - Import engines — shadcn registry, W3C, Tokens Studio, Figma variables
- Session preview — kernel gallery deep link without mutating the theme registry
- Export packs — validated DTCG trees under
config/themes/{lineage}/ - Dev-only forever — Flex recipe registers bundle for dev and test only
Prerequisites
Add the symfinity/recipes Flex endpoint to your project's composer.json (see recipes README).
Requires symfinity/ui-kernel ^0.3.1.
Installation
composer require --dev symfinity/ui-designer
The Flex recipe applies OOTB — bundle + config/packages/symfinity_ui_designer.yaml. Do not enable in production.
Quick Start
With APP_ENV=dev, open /ui-designer. See Quickstart.
Documentation
- Quickstart — first authoring loop
- Installation — Flex OOTB, prod guardrails
- Configuration — export root, undo, snapshots
- Commands —
ui-designer:*CLI - Upgrade — 0.1.0 release notes
- Roadmap — 0.1.x–1.0.x milestones
- Verification — clean-app smoke (P0 profile)
Requirements
- PHP 8.2 or higher
- Symfony 7.4 or 8.x
- symfinity/ui-kernel ^0.3.1