The updated Liveblocks Collaboration Kit for Figma now includes new AI Copilots components helping you prototype complete AI and collaborative experiences.
Join thousands of companies using Liveblocks ready‑made collaborative features to drive growth in their products.
At Liveblocks, we believe that great products start with great designs, which is why we created the Liveblocks Collaboration Kit for Figma, a template containing interactive components and styles to design all kinds of collaborative experiences.
We’ve just updated our Figma kit with new AI Copilots components, meaning you can prototype advanced AI chats in your product. Each component corresponds to a real component in our React package, so you can easily turn your design into a production-ready application in a day.
Download the Liveblocks Collaboration Kit
New customizable AI chat components allow you to prototype advanced features such as AI taking actions in your product, human-in-the-loop confirmation dialogs, loading states, and more.
Each component underscores a different AI feature enabled by AI Copilots:
The updated kit also includes previous Liveblocks ready-made features, so you can prototype comprehensive collaborative experiences:
Components are designed to be responsive and flexible, allowing you to customize their look and feel to match your brand perfectly. They’re also interactive, meaning you can share clickable prototypes with your team.
The beauty of the Liveblocks approach is that your Figma prototypes aren't just mockups—they're blueprints for real functionality.
Each UI element in the Figma kit perfectly matches a coded pre-built component offered in the Liveblocks React UI library. This enables engineers on your team to bring your design to production in a matter of hours.
| Figma | React |
|---|---|
| AiChat | <AiChat /> |
| Composer | <Composer /> |
| Comment | <Comment /> |
| InboxNotification | <InboxNotification /> |
| InboxNotificationList | <InboxNotificationList /> |
We can't wait for you to try the Liveblocks Collaboration Kit for Figma! And of course, please let us know if there is anything you'd like us to include in the future.
