Component Guide for Design Systems

for Confluence Cloud
159 installs
  • Supported
Free app

Keep style guide of your user interface current and useful

Share the interface component code with your team

Style guides are used to provide a consistent look and feel. They should be defined as part of usability and branding requirements and conformance should be monitored during development.

Live preview complex components

Render the live fully functional interactive preview of your component using the component code and linked up to date JavaScript and CSS. Show HTML components as well as advanced SVG charts and JS based components.

Edit your component code in Confluence

Edit your component code, change linked files URLs and development status in Confluence.

More details

  • 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

Privacy and security

Privacy policy

Atlassian's privacy policy is not applicable to the use of this app. Please refer to the privacy policy provided by this app's partner.

Partner privacy policy


Integration Details

Component Guide for Design Systems integrates with your Atlassian product. This remote service can:

  • Read data from the host application