The open source visual development platform for React. Build beautiful apps, sites, and content fast—without compromise. Break the no-code ceiling.
Joined September 2019
- Tweets2.5K
- Following1.6K
- Followers4.5K
- Likes2.7K
Plasmic AI is now in beta! Check out our announcement for more details and a video demo: buff.ly/We2h5Ma
Did you know Plasmic has style presets, reusable groups of styles you can attach to elements to avoid repetition? They act like mini design-system tokens that keep UI consistent and easy to update.
Why use them:
- Save time: change one style preset to update many components.
- Keep consistency: spacing, colors, typography, and interactions stay uniform.
- Simplify components: apply a style preset instead of configuring each prop manually.
Common uses:
- Button styles (primary/secondary/disabled)
- Card layouts and spacing presets
- Responsive tweaks and hover/focus states
Show us how you are using style presets!
Docs 👉 buff.ly/tazKY6d
Build Prisma-powered backends visually with Plasmic!
Developers can keep the power and flexibility of Prisma in their codebase, while the wider team can connect backend data to the UI and build full-stack experiences visually.
The official guide is already live and accessible on the @prisma website: prisma.io/docs/guides/integr…
A quick accessibility habit for your next release:
- Tab through the whole page
- Open every modal
- Check that focus moves in a clear order and stays visible
Five minutes here can uncover issues that block real users!
Learn more in our web accessibility 101:
buff.ly/cFk3Tik
Hardcoded values are maintenance debt!
With Plasmic Data Tokens, define text, numbers, or JS expressions once and reuse them across pages and components.
Just change the value in a single source of truth, and every reference will follow.
Learn more: buff.ly/8DOwMu3
A practical rule of thumb for smooth web UI animations:
→ Use transform for movement, scaling, and rotation
→ Use opacity for fades
→ Avoid animating width, height, left, margin, or padding unless necessary
Layout properties can force the browser to recalculate geometry and repaint on every frame. transform and opacity can often stay in the compositing stage, making smooth animation much easier.
Read the practical guide to reflows, repaints, and browser rendering:
buff.ly/KYJ2eBT
Plasmic’s new data queries can run on your own stack!
- Implement any custom logic inside your server functions
- Store them inside the Next.js codebase or inside the editor
- Connect and then configure them visually without any code changes
- Bind the data right in studio
Read this to learn more: buff.ly/FSPIwOE
Well, that actually just proved our point
LLMs are way better at handling UI as visuals rather than text
Manipulating no-code platforms using AI agents is waaay cheaper and more reliable in the long run
seangoedecke.com/text-tokens…
This aged well 😂
seangoedecke.com/text-tokens…
AI agents get much more productive when they have a visual canvas to land on!
Learn how tools like Cursor, v0, Claude Code, and Codex can help you generate code components, and then bring them into a no-code workflow you can edit visually:
plasmic.app/blog/using-ai-wi…
We’re excited to announce the next step in our ongoing partnership with Prisma: a new integration based on data queries and React server components 🎉
Manage your data with Prisma, then query it and build data-powered experiences visually in Plasmic Studio—without leaving the canvas!
Learn how the integration works:
buff.ly/XKaw1Mc
Plasmic retweeted
Plasmic just got a huge upgrade:
We rolled out v2 of Data Queries, which will replace the existing back-end integrations.
What this means for you:
- No need to create an integration to get data into the editor
- Queries now run in your own environment, not through Plasmic servers
- Write data-fetching code queries directly in the editor
- Devs can expose custom functions from the codebase
- All teams can configure and bind data visually to UI and SEO metadata
- Full support for React server components and functions
Learn more about other updates, migration guides, and how to get started with the new data queries:
plasmic.substack.com/p/data-…
New tutorial series: Build a website from scratch with Plasmic!
In the first video of this series, we’ll set up a new project, create the initial page structure, and start designing a polished, responsive website using Plasmic’s visual builder.
Watch Part 1 here:
youtu.be/VIAM3uk-sVQ?si=8QuX…
Our YouTube channel has been going strong for six years!
youtube.com/@plasmicapp
And that got us thinking: Plasmic is turning seven! 🎉
A huge thank-you to everyone who's been part of our journey—we couldn’t have done it without you
Here’s to many more years of building and rockin'🎸
