Create Design Documentation

Ready

Create Design Documentation

Framer is a CSM platform that we use to display our design system documentation. If you are creating new page to document a new addition to the design system, follow these steps:

Ready

Create Design Documentation

Framer is a CSM platform that we use to display our design system documentation. If you are creating new page to document a new addition to the design system, follow these steps:

Ready

Create Design Documentation

Framer is a CSM platform that we use to display our design system documentation. If you are creating new page to document a new addition to the design system, follow these steps:

Creating Content

  1. Open the Basis DS - Visuals Figma file in the design system project

  2. Duplicate the "Template" page and rename it after your contribution 

  1. Use the provided templates to create your example visuals and best practice guidelines

  1. When creating your visual examples, follow the name convention used in the file [component name] - Do - [number]

Example

File Drop - Do - 1 File Drop - Don't - 1

File Drop - Do - 2  File Drop - Don't - 2

File Drop - Do - 3  File Drop - Don't - 3

Next Steps

  1. Create a Jira ticket and add a link to this page

  2. Add the ds_review label to your ticket and assign it to the design system team

  3. We will then review your ticket in the next grooming hours meeting

  4. Once approved, we will add it to a design system sprint and a designer will add and publish it to the website

© 2025 Basis Technologies
© 2025 Basis Technologies
© 2025 Basis Technologies