Plasmic for emails, AI code suggestions, new data components
Plasmic for emails
We’ve published an example of using Plasmic to design and build email content. This is powered by the React components from react-email.
You can use the react-email renderer to generate HTML that is guaranteed to work with major email clients.
It also works great with content creator mode—restrict the editing experience to only email-friendly components and styles.
Read more in the example repo!
AI copilot: code suggestions
You can now get suggested code snippets for dynamic values (JavaScript) and SQL!
There are various places in building more complex UIs where you still need to write a bit of custom code to glue things together—and there’s nothing wrong with that! Plasmic is intended to make it easy to reach for custom code where it matters.
But just to make these go a little bit faster and easier, you can now just describe what you want in plain English. The copilot will take into consideration your current data environment, and suggest a code snippet to drop in. You can even request adjustments to the current expression you already have. No more need to remember the exact way to
New components: data list, data grid, data details
In addition to Data Tables, you now have more all-in-one components to quickly create pages displaying collections of items and details of an individual item.
With Data List, simply point it at a query and configure what fields you want to show—including optional actions and links:
Data Grid is the same, but presents collections as configurable tiles:
And finally, Data Details nicely displays any record of key-values:
And more
You can now theme App Layout components.
Can now choose to execute a page navigation when it’s triggered in the interactive canvas.
href is now a prop type for code components.
Tables now have row selection states, formatting options, and row click interactions.
Can now set a “default page wrapper” component for your project—all new pages will have that component inserted by default. Right click the component in the Components left sidebar tab to find the option to set it as a default wrapper.
That’s a wrap! Head back into Plasmic to play with all the latest toys.