ContentKit Release
I am thrilled to announce the official release of ContentKit, a new tool to manage content directly within Figma!
Gone are the days of tedious copy-pasting and placeholder text. With ContentKit, you can tell better and more consistent stories with realistic content in your designs. ContentKit allows you to create projects and content, set up teams, add colleagues, and invite clients. Whether you’re working on complex prototypes with many screens or iterating rapidly on design concepts, ContentKit ensures your content stays consistent and up-to-date.
How ContentKit Works
At the core of ContentKit are Excel-like datasets where you create and manage the content you want to show in your designs. Screen designs often consist of lists and in ContentKit, each list entry is represented as one row in a dataset. You can edit them either directly in Figma, or in the web app, where your content is – similar to Figma – organized into projects and screens.
Define your content once and reuse it across your projects, screens, and components.
Once your content is ready, assign it to a layer to update its text, colors, and variant properties with more coming soon. This way you can customize every aspect of your designs. ContentKit recognizes which layers form lists and should be grouped together and it even works with lists within lists. Imagine for example a sales dashboard that displays customer cards with contract lists inside, or the bookmark snippets in the example below. Note how each card has a different user name, a link title and its own list of snippets.
Collaborate with Your Team
I designed ContentKit for teams, so everything happens within a team context. In fact, when you create an account, a team is automatically created for you. You can invite colleagues to share datasets, add clients so they can contribute content directly via the web app, and manage permissions. Letting clients provide and collaborate on content allows you to keep your focus on actually designing. This is especially useful for projects where domain knowledge is important and your customers or clients know best what content looks right.
Keep your designs consistent and up-to-date. Ensure everyone is on the same page, has access to the same content and update it in a single click.
Separating content from design is also helpful for complex prototypes with many screens, where keeping content consistent can be a challenge, often leading to confusion or delays. (I’ve had clients open close to a hundred comments with their desired content for every single text layer in a prototype before, email me if you’ve had something similar happen). With ContentKit, you ensure everyone is on the same page, has access to the same content, which you can update in a single click.
Get Started with ContentKit Pro
If all of this sounds compelling to you, I invite you to try ContentKit Pro. You can try it 14 days for free, cancel anytime and it comes in two variants, monthly ($11.99/user) or yearly ($119/user - and get 2 months free).
Simply log in or sign up and upgrade a team to ContentKit Pro in the web app.
Using ContentKit for free
- With account: ContentKit has a limited free plan that allows you to use and edit the included demo project and try out the plugin and web app. You cannot create new projects or datasets. If you previously had a Pro subscription that has ended, you can continue to use existing projects and datasets, but you will not be able to create new ones without resubscribing.
- Without account: When you open the ContentKit plugin without an account, you can play around with a demo project and the example data I’ve shown in the recordings above. Editing is possible, but changes will not be saved as it is intended as a way to get a feel for the plugin.
You can learn more about ContentKit on the landing page.
Try it Out Yourself
The designs I’ve shown abobve are also available in the playground file, where you’ll find a walkthrough to guide you step by step on how to use ContentKit. The playground is also a convenient way to teach your colleagues how to use ContentKit.
ContentKit is proudly designed and made in Germany by me, Kai Magnus Müller, with the goal to make the design process easier and more efficient. I can’t wait to see what you create! Let me know what you think, and if you have any questions or feedback, please feel free to send me an email at [email protected], I read them all.