🎉 Forms, new design system, new app components

We’re excited to release some fundamental new capabilities and building blocks for creating websites and apps of all kinds!

• Forms

• New design system (Ant 5)

• New app building blocks

Build rich forms easily

Up until this release, adding forms to your website required you to build your own code components. Now, Plasmic users can simply drag and drop to create custom forms directly in Plasmic Studio!

Whether you need a simple contact form, a way to create and update database rows, or a multi step onboarding flow, with Plasmic, you can build custom forms in any layout, with any set of fields, for any backend.

Prefill and submit your forms to a variety of integrations, including REST APIs, Airtable, Postgres, Zapier, and more. Or use the form state however you want elsewhere on your page.

With forms, you're not limited to building simple fixed sets of fields. You can have repeated form sections for building lists:

You can also have nested forms, such as a reusable address form that is used for both billing and shipping:

And you can support dynamic parts that change based on earlier inputs, adapting to user input and providing a more personalized experience, all powered by dynamic values:

Furthermore, forms can be made to work with any component. You can use them with the plasmic built-in input, an ant input, or any other custom stateful component:

And last but not least, you can express a rich set of validation rules to give helpful feedback and guide your users toward accurate and complete input:

We will be continuing to build upon this foundation for a best in class form building experience. Let us know your feedback in the meantime!

Ant v5 design system

Meet Ant 5, the latest version of the popular component library. Ant offers a beautiful design out of the box to create professional looking websites and applications with ease. It is one of the most comprehensive collections of high-quality components available, and we’re excited to feature it.

A key highlight of the new design system is its themeability—now from within Plasmic Studio, you can easily customize the look and feel to match your branding and design needs using a simple set of controls. Furthermore, you can access the style tokens so that your own designs are using a consistent set of colors, spacing, and more.

These components fully work with state and interactions, making it easy for you to create dynamic, interactive experiences for your users. And they work great with the new support for forms as well!

The new version also comes with significant strides in performance and tree-shakeable styles.

The Ant 5 integration also unlocks the ability to show notifications from your interactions, and to display loading states while your queries run. There are more general platform capabilities powering these—more details to come!

We will be prioritizing further Ant components based on feedback, so tell us what you want to see.

New app building blocks

We're excited to introduce the first set of “batteries-included” components (based on the Ant design system) that you can drag and drop to build applications even faster.

Table component

The Table component comes with features like search filtering, pagination, show/hide columns, and download as CSV/JSON. It's easy to set up—simply point it to any query or data—and perfect for building business applications like admin panels or dashboards.

Page layout component

Pre-built page layouts free you to focus on your content or app. The layout component gives you great looking scaffolding around the whole page, providing the header, sidebar, navigation menus, and making it responsive, without you needing to design and build this yourself.

That's a wrap for now! These features are available to all Plasmic users. Feel free to share your feedback with us on Slack—we’d love to hear about what you’re building!