About Plasmic
Plasmic is an open source visual builder for websites and apps. It lets teams design and assemble interfaces on a canvas, then connects the result to an existing React codebase.
What it does
Developers register their own components, and other team members use them in a drag and drop editor to build pages. The builder can pull data from sources such as Supabase, Contentful and Shopify, or from any HTTP or GraphQL endpoint. Designs made in Figma can be turned into React code, which keeps the production app under the team's control.
Key features
- Drag and drop layouts, styling and components
- Connections to data sources like Supabase and Shopify
- Import of Figma designs into React code
- Custom components that teammates can reuse
- Branching and multiplayer editing for teams
Who it's for
Developers who want a visual tool without giving up their codebase are the main audience. Marketing, content and product teams can also build and publish pages once developers have set up the components they need.
Pricing and good to know
The source code is available on GitHub under the MIT license. The company also offers a hosted editor called Plasmic Studio, which has a free way to get started. Because the output is code in your own project, teams still need React knowledge to get the most from it.
Highlights
- Drag and drop layouts, styling and components on a visual canvas
- Connect pages to data sources like Supabase, Contentful and Shopify
- Turn Figma designs into React code for production
- Register custom components that teammates can reuse
- Branching and multiplayer editing for team workflows
