Back to Plugins
prototype/cn

prototype/cn

Elevate your DS-based prototypes like a pro. Variable-based interactions in just few clicks.

Plugin Preview

prototype/cn preview

About this plugin

Working with a design system often means building many interactive, responsive prototypes. This plugin streamlines that process by automating common interactions and making it easy to add polished behavior to prototypes built on any solid design system.


Features:

  1. Make Hideable – converts objects into variable-controlled hideable elements with simple trigger setup. Perfect for global sidebars, panels, and popovers.
  2. Mode toggle – all you need is a dark/light color variable collection. With that in place, you can create a working mode toggle in one click.


Feel free to share any feedback or feature requests. I plan to expand this plugin with additional workflows that leverage best practices in design-system–based design process.

Plugin Details

Version1
CreatedNovember 25, 2025
Last UpdatedNovember 25, 2025
CategoryPrototyping & animation plugins
CreatorKonrad Kolasa
Stats1 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none