sub-modules
Creative & Design
Browser-based design tools with canvas, animation engine, design tokens, and design-to-code pipeline.
Browser-based design tools including the design canvas, animation engine, design token system, component library, and design-to-code pipeline. Creative & Design bridges the gap between design and development with production-ready output.
Design and Ship in One Platform
subtitle: A design tool that outputs production code, not static mockups. Design tokens, component libraries, and animations — all natively integrated with your content and data.
Design Canvas
desc: Vector and raster editing with infinite canvas, smart guides, auto-layout, and real-time collaboration.
Animation Engine
desc: 24 animation presets with keyframe editing, easing curves, and scroll-triggered sequences.
Design Tokens
desc: Centralized token system for colors, typography, spacing, and motion — propagated across every component.
Design-to-Code
desc: Export production-ready React, Vue, or HTML from any design with responsive breakpoints and accessibility.
Pre-built library
value: 56
unit: components
Animation presets
value: 24
unit: presets
Canvas frame time
value: <16ms
unit: ms
where-design-meets-production
Where Design Meets Production Traditional design tools produce images. DXP Creative produces deployable artifacts. Every canvas element maps directly to a component in the DXP component system, inheriting responsive behavior, accessibility attributes, and data bindings. The animation engine provides 24 presets covering scroll-triggered reveals, hover interactions, loading states, and micro-animations. Each preset is configurable through easing curves, duration, delay, and trigger conditions — no keyframe timeline knowledge required for common patterns. Design tokens propagate changes from a single source of truth. Change a primary color in the token system and every component, page, and export updates automatically. Tokens cover color palettes, typography scales, spacing systems, border radii, shadows, and motion curves.
data Viz
Creative & Design Specifications
- Canvas Rendering
- WebGL 2.0 with <16ms frame time at 4K resolution
- Component Library
- 56 pre-built, accessible, responsive components
- Animation Presets
- 24 configurable presets with custom easing curves
- Export Formats
- React, Vue, Svelte, HTML, CSS, SVG, PNG, PDF
- Collaboration
- Real-time multi-user with CRDT conflict resolution
- Design Tokens
- JSON/YAML token files with Standard design token compatibility
- Prototyping
- Interactive prototypes with state transitions and data binding
faq section
Section 1
How does DXP Creative compare to standalone design tools?
DXP Creative is purpose-built for production output. While standalone tools export static assets that developers must manually translate, DXP Creative exports production-ready components with responsive behavior, accessibility, and data bindings already applied.
Section 2
Can I import existing Visual Editor designs?
Yes. DXP Creative supports Visual Editor file import including layers, components, auto-layout, and design tokens. Imported designs are converted to DXP components that can be immediately deployed.
Section 3
Do I need to know code to use the animation engine?
No. The 24 animation presets cover common interaction patterns with visual controls for timing, easing, and triggers. For advanced animations, the keyframe editor provides full control over property curves.
Section 4
How do design tokens work across teams?
Design tokens are stored as versioned JSON files that propagate across all components, pages, and exports. When a designer updates a token value, every consuming component updates automatically — no manual propagation required.
features
canvas: true
tokens: true
animation: true
prototyping: true
design to code: true
component library: true
Relationships
products
modules
deployment types
- Cloud (SaaS)
- Self-Hosted