Introducing ContentKit

Populate Anything

Tell better stories with real data. Sync text, variant properties, component instances and more. Keep all your designs synced and up to date.

Main Features

Create and edit in Figma

No need to leave Figma or juggle different files. Create and edit datasets directly in the plugin, so they're always up to date.

Populate variants and properties

ContentKit goes further than simple text. Now you can update variant properties and swap instances, so you can populate anything.

Ready with one click

Update your designs with a single click, so you never join a meeting with outdated content.

Datasets are the central place where you define content like text, properties and colors.

Next, assign content to layers. Pro tip: instances inherit assignments of main components.

Populating large prototypes is literally one click.

Create consistent scenarios

Make your designs feel alive. Design scenarios that are perfectly consistent into the smallest details. Make your clients understand and buy into your concepts.

Prototypes with many screens lead to a lot of duplication. With ContentKit, you can skip the manually updating each of them and sync whole prototypes at once.*

*While my 2015 MacBook made me pay attention to performance, I hereby waive all responsibility should your device catch fire while populating an entire page with data.

How it works

Create content

Create sets of content in the plugin or web app and group them into projects and screens.

Assign to layers

The intuitive interface shows you which properties are available for your selection.

Blazing fast sync

ContentKit is optimized for large files so you can spend more time on iterations and the work you love.

Define your content and iterate faster

Iterate faster without sacrificing fidelity. After you define your content, updating every iteration becomes a breeze. ContentKit removes the busywork, so you can keep designing.

ContentKit understands how your designs are structured and applies content just how you want. Lists? Check. Grids? Check. Lists in lists? Believe it or not, also check.

Download the plugin for free

Open demo file

Additional Features

Import content

Copy and paste content from Excel or CSV files if you have existing data you want to use.

Collaborate with your team

Set up teams, set permissions and share datasets. Maybe even let your clients fill in data, so you can focus on designing.

Permissions and security

Set permissions and control who has access to your data. ContentKit is built with privacy in mind and there is no need to create public links to transfer data.

Edit in Figma or your browser

ContentKit is also avaiable on the web. Share content with your team and clients and edit it anywhere.

Note how the content in this screenshot matches perfectly. Yes, of course I built ContentKit using ContentKit.

Pricing

Try out ContentKit for free or unlock the full feature set with Pro.

Demo

Try the plugin directly in Figma without an account. Explore features using the included demo project. Changes are not saved.

  • Use included demo project
  • Explore plugin features
  • No account needed
Open in Figma

Free

Sign up for a free account to use and edit the demo project in the plugin and web app. Continue using existing Pro projects if your subscription ends.

  • Use included demo project
  • Explore plugin & web app
  • Save changes to demo project
  • Use existing Pro projects (read-only after sub ends)
Sign up for free

Pro

Access the full ContentKit platform. Create unlimited projects, datasets, and collaborate seamlessly with your team and clients.

$11.99

per user / month

$119

per user / year

2 months free
  • Create unlimited projects
  • Create unlimited datasets
  • Collaborate with your team
  • Manage permissions
  • Invite clients to add content

News

Designed in Germany. Made in Germany.

ContentKit is developed by me, Kai Magnus, a product designer from Germany. After spending some time working on data-heavy projects in the finance and insurance space, I'm now building tools to make the design process and our work as designers easier.

This plugin specifically (would have) saved me a lot of time updating screens in some data heavy prototypes and I hope it will help you too!