Build maintainable, production-ready presentational components at the speed of design.
Plasmic enables developers and designers to compose React UIs visually. It lets you start with rough designs from Figma/Sketch or from scratch, and refactor them into maintainable, production-ready presentational components—without compromising developer control.
You can import Plasmic components into your existing React codebase, and you can also reuse existing code components in the Plasmic editor.
With Plasmic, the aim is to provide a better and faster development experience, eliminate an entire class of visual bugs/QA/tooling, and ultimately maintain a single source of truth with design.
Related Tools
HTML Sketchapp
HTML Sketchapp turns HTML nodes into Sketch layers or symbols. Additionally, it allows to export shared text styles and document colors.
Sketch2React
A 100% free front-end solution for Sketch app that lets you build real code prototypes and even very simple websites. No plugins, only using the built-in tools.
React Sketch.app
Render React components to Sketch; tailor-made for design systems
Modulz
Like Sketch but with interactive components, box model layout and React export.
Hadron
A development environment for designers and developers who work together towards the same goal.
Alva
Create living prototypes with code components.
Haiku
Create React and Vue components directly from your designs.
Flow
Animate Sketch designs in seconds and export production ready code.
Laska
A visual editor to create user interfaces for React Native.
BuilderX
BuilderX is a screen design tool which codes React Native for you.
Lona
Tools for building design systems and using them to generate cross-platform code, Sketch files, and other artifacts.
React Studio
Create app flows and components. Express their properties and data linkage visually. Get code immediately.
Supernova
Supernova allows you to create animations, navigations, localizations, get production code.
