PHPackages                             symfinity/ui-designer - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. symfinity/ui-designer

ActiveSymfony-bundle[Utility & Helpers](/categories/utility)

symfinity/ui-designer
=====================

Dev-only UI Kernel DTCG theme designer — visual studio, import, preview, export

v0.1.0(3d ago)02↓100%MITPHP >=8.2

Since Jul 5Compare

[ Source](https://github.com/symfinity/ui-designer)[ Packagist](https://packagist.org/packages/symfinity/ui-designer)[ Docs](https://github.com/symfinity/ui-designer)[ GitHub Sponsors](https://github.com/sponsors/serotoninja)[ RSS](/packages/symfinity-ui-designer/feed)WikiDiscussions Synced today

READMEChangelog (1)Dependencies (21)Versions (2)Used By (0)

UI Designer
===========

[](#ui-designer)

### Dev-only DTCG theme designer for UI Kernel

[](#dev-only-dtcg-theme-designer-for-ui-kernel)

[![PHP Version](https://camo.githubusercontent.com/fe60a3918bae3bc2ed56c6c5329ac0cb7462196b3061d0afb91fc4a241fe4172/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5048502d382e322b2d3737374242343f7374796c653d666c6174266c6f676f3d706870266c6f676f436f6c6f723d7768697465)](composer.json)[![Symfony](https://camo.githubusercontent.com/0b9a123c2224a4e7dbbb624492f493b4fbb810e2060e7ddbec9346b13a65ac24/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f53796d666f6e792d372e342b2d3334333433343f7374796c653d666c6174266c6f676f3d73796d666f6e79266c6f676f436f6c6f723d7768697465)](composer.json)
[![CI](https://github.com/symfinity/ui-designer/actions/workflows/ci.yml/badge.svg)](https://github.com/symfinity/ui-designer/actions/workflows/ci.yml)
[![Release](https://camo.githubusercontent.com/fa8b9cdc467d6370c95ea2fd6e6f94415c0c18172b875bc21618e0475af767c4/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f73796d66696e6974792f75692d64657369676e65722e7376673f7374796c653d666c6174266c6f676f3d7061636b6167697374266c6f676f436f6c6f723d7768697465)](https://packagist.org/packages/symfinity/ui-designer)[![Downloads](https://camo.githubusercontent.com/b9f1c19f9a38a3fd8ecbd4aaf2e13c6c4a1b6273eef36aea2d8eef3d5427c03b/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f73796d66696e6974792f75692d64657369676e65722e7376673f7374796c653d666c6174266c6f676f3d7061636b6167697374266c6f676f436f6c6f723d7768697465)](https://packagist.org/packages/symfinity/ui-designer)[![License](https://camo.githubusercontent.com/f48f8d6cf609f5b181b9c3218a85175fe8a5809c7ea400347f39697a5d55065d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e7376673f7374796c653d666c6174)](LICENSE)

Note

**Read-only mirror.**See [CONTRIBUTING.md](CONTRIBUTING.md) for how to propose changes.

Features
--------

[](#features)

- **DTCG-native authoring** — W3C design tokens + `theme.meta.yaml`; no legacy YAML pack format
- **Visual studio** — `/ui-designer` with 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
-------------

[](#prerequisites)

Add the [symfinity/recipes](https://github.com/symfinity/recipes) Flex endpoint to your project's `composer.json` (see [recipes README](https://github.com/symfinity/recipes/blob/main/README.md)).

Requires **symfinity/ui-kernel ^0.3.1**.

Installation
------------

[](#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
-----------

[](#quick-start)

With `APP_ENV=dev`, open **`/ui-designer`**. See [Quickstart](docs/quickstart.md).

Documentation
-------------

[](#documentation)

- **[Quickstart](docs/quickstart.md)** — first authoring loop
- **[Installation](docs/installation.md)** — Flex OOTB, prod guardrails
- **[Configuration](docs/configuration.md)** — export root, undo, snapshots
- **[Commands](docs/commands.md)** — `ui-designer:*` CLI
- **[Upgrade](docs/upgrade.md)** — 0.1.0 release notes
- **[Roadmap](ROADMAP.md)** — 0.1.x–1.0.x milestones
- **[Verification](docs/verification.md)** — clean-app smoke (P0 profile)

Requirements
------------

[](#requirements)

- PHP 8.2 or higher
- Symfony 7.4 or 8.x
- symfinity/ui-kernel ^0.3.1

Support
-------

[](#support)

- [GitHub Issues](https://github.com/symfinity/ui-designer/issues)
- [Security](.github/SECURITY.md)
- [Contributing](CONTRIBUTING.md)

License
-------

[](#license)

[MIT](LICENSE)

###  Health Score

36

—

LowBetter than 79% of packages

Maintenance99

Actively maintained with recent releases

Popularity3

Limited adoption so far

Community2

Small or concentrated contributor base

Maturity35

Early-stage or recently created project

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

3d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/246582257?v=4)[Symfinity](/maintainers/symfinity)[@symfinity](https://github.com/symfinity)

---

Tags

symfonySymfony Bundledesign-tokensdev-onlyui-kerneldtcg

###  Code Quality

TestsPHPUnit

Static AnalysisPHPStan

Type Coverage Yes

### Embed Badge

![Health badge](/badges/symfinity-ui-designer/health.svg)

```
[![Health](https://phpackages.com/badges/symfinity-ui-designer/health.svg)](https://phpackages.com/packages/symfinity-ui-designer)
```

###  Alternatives

[shopware/core

Shopware platform is the core for all Shopware ecommerce products.

585.6M582](/packages/shopware-core)[easycorp/easyadmin-bundle

Admin generator for Symfony applications

4.3k17.9M389](/packages/easycorp-easyadmin-bundle)[chameleon-system/chameleon-base

The Chameleon System core.

1028.7k5](/packages/chameleon-system-chameleon-base)[sylius/sylius

E-Commerce platform for PHP, based on Symfony framework.

8.5k5.9M743](/packages/sylius-sylius)[sulu/sulu

Core framework that implements the functionality of the Sulu content management system

1.3k1.4M204](/packages/sulu-sulu)[open-dxp/opendxp

Content & Product Management Framework (CMS/PIM)

9421.6k63](/packages/open-dxp-opendxp)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)