Component Guide for Design Systems

by gentleface.comAtlassianFree

Maintain Confluence style guides with component code, linked dependencies, live previews, and status fields.

Facts verified marketplace.atlassian.comAd-free rankings
PRICINGFree
DEPLOYMENTCloud
CATEGORYDesign and diagramming
UPDATED ON MARKETPLACE
Component Guide for Design Systems — screenshot from the Atlassian Marketplace listing

What it does

Stores interface component source code in Confluence for sharing with developers and teams. Lists CSS and JavaScript dependencies and renders live previews from component code and linked files. Supports HTML components, SVG charts, and JavaScript-based components. Component code, linked file URLs, and development status can be edited in Confluence.

Key capabilities

from the Atlassian Marketplace listing

Component code sharing

Shares interface component source code with developers and teams.

Dependency listing

Lists the CSS and JavaScript files required by a component.

Live component previews

Renders interactive previews using component code and linked CSS and JavaScript files.

Component status fields

Allows the component status to be set explicitly.

In-Confluence editing

Edits component code, linked file URLs, and development status in Confluence.

Use cases

  • Teams can use a shared style guide while monitoring interface conformance during development.
  • Developers can preview HTML components, SVG charts, and JavaScript-based components from published code.

Who it's for

This add-in is for developers and teams working with interface components.

In the catalog

220 plugins in Confluence · Design and diagramming

Price distribution: 54 free, 106 freemium, 60 paid

Pricing & deployment

Platform
Atlassian
Product
Confluence
Deployment
Cloud
Pricing
Free

Similar plugins in Confluence · Design and diagramming

View all 220 →

What the vendor says

«Share the formated interface component source code to be used by developers List required dependancies (CSS and JavaScript) Live preview the component using up to date published code and linked files Explicitly set the component status Share the interface component code with your team: Style guides are used to provide …»

Official marketplace listing

Publisher
gentleface.com
Updated on marketplace
Facts verified