Image for post
Image for post

Announcing Plasmic

Yang Zhang
Jul 16 · 4 min read

Introducing the fun and fast way to build complex frontends with! Plasmic is a visual UI builder for creating pure-presentational components that you can import into any existing React codebase. For developers and designers.

On product teams today, collaboration between design and engineering can be complex and time-consuming.

Designers spend time creating free-form vector graphics, which engineers must re-create from scratch, by hand, using code targeting a completely different medium. Inevitably, issues with discrepancies, infeasibility, missing states, and inconsistencies lead to a lot of back-and-forth between the two teams — if they even get addressed at all. Ultimately, the two sources of truth are almost never in sync, and it takes a lot of repeated manual effort from both sides to even stay close to each other. And because implementing designs is not a one-time affair, but ongoing over the life of the product, these debts compound over time.

Our founding team has designed and delivered products at companies ranging from Google, Facebook, and Microsoft down to early-stage startups. We have witnessed firsthand these problems across the board, which have become so engrained that it’s easy to become blind to them. We grew frustrated by how slow and disconnected the workflows are for designers and engineers to work together.

This is why we started Plasmic. Our vision is to streamline the collaboration between designers and developers. We want tools to make crafting UIs simpler and faster, for both developers and designers, and enable both to share the same source of truth for production components. And we believe that dramatically lowering the barriers for more contributors to impact the product will help ship higher quality products.

Here is how we are going about this:

Deliver a great builder experience, focusing on speed and simplicity.

Enable code integration without compromising developer flexibility and control.

We are choosing to focus primarily on developers as a first step, as we know that building trust with developers is paramount. Plasmic’s code integration schemes prioritize flexibility and control, so that the generated code will help — not hinder — getting designs to production.

Build toward a shared source of truth across designers and developers.

Beyond Figma import, we’re trying to bring designers closer to what actually ships in production. We believe a tighter workflow between designers and developers will help teams deliver better products.

In the future we see, designers and developers will be working closely together on a single source of truth; designers will be empowered to directly affect what goes into production, and developers will be able to build on top of pixel-perfect output as a starting point. We are fortunate to have initial users who have already been building amazing things in Plasmic, from web apps to Gatsby sites to controls for autonomous vehicle sensors! We are excited to start sharing our progress publicly and to engage a growing community of creators.

Today, we are starting to accept teams and companies. If you are interested in early access and influencing the direction of Plasmic, please take a few minutes to tell us about your team and tech stack in our onboarding survey, and follow us on Twitter.

Plasmic App

Build production-ready React components visually.

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store