1 Repo
Tools that automate the translation of source code components into native design files.
Distinct from Design-to-Code Converters: Opposite of Design-to-Code Converters: translates from code to visual design files rather than vice versa.
Explore 1 awesome GitHub repository matching user interface & experience · Code-to-Design Converters. Refine with filters or upvote what's useful.
react-sketchapp is a design system automation tool that translates React components into native Sketch design layers. It functions as a custom renderer that maps a virtual component tree to a design canvas, allowing for the programmatic generation and updating of design files from source code. The project provides a framework for building custom design utilities and automation scripts by treating the visual canvas as a programmable target. It includes a system for fetching external data to populate design components, enabling the creation of high-fidelity mockups and data-driven prototypes.
Translates code-defined components into native design layers to maintain a single source of truth.