Introducing ContentKit

Populate Anything

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

Open in Figma Sign up for free

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.

Generate datasets with AI

Get started quickly with AI-generated content. Generate entire datasets that you can use in your prototypes.

Populate variants and properties

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

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.

Populate large prototypes with one click.

Create consistent scenarios with AI

Create any kind of data you can imagine. Generate datasets with multiple columns to update entire screens. Bring your designs to life and help your clients understand and buy into your concepts.

Prototypes with many screens create a lot of duplication. ContentKit lets you sync whole prototypes with your content all 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.

Populate complex designs

Iterate faster without sacrificing fidelity. ContentKit removes busywork and updating every new iteration becomes a breeze.

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

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.

  • Edit content with AI
  • Use included demo project
  • Explore plugin & web app
  • Save changes to demo project
  • Use existing Pro projects (read-only after subscription ends)
Sign up for free
Limited time discount

Pro

To celebrate the launch of ContentKit, get Pro at 40% off the regular price, locked in forever. Available only during launch month until July 24th.

$6.99 $11.99

per user / month

$69 $119

per user / year (get 2 months free)

  • Create content with AI
  • Create unlimited projects
  • Create unlimited datasets
  • Collaborate with your team
  • Manage permissions
  • Invite clients to add content
Try Pro for 14 days

Free 14-day trial, cancel anytime.

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!

OpenStreetMap