Skip to content

Create a design toolkit for extension authors #83952

Closed
@miguelsolorio

Description

@miguelsolorio

This issue is to track the work of creating a design toolkit for extension authors to use for designing extensions. We already open sourced the VS Code Icons and we are looking to open source this toolkit as well.

We'll be using Figma as our design tool since our team already uses it and it allows for team libraries to be synced across various files. Below is a to-do list that covers what will be in this toolkit:

  • Color styles
  • Text styles
  • Iconography
  • 🏃 Components
    • Inputs
    • Sidebar
    • List/Trees
    • Activity Bar
    • Tabs
    • Editor
    • Panel
    • Notifications
    • Status bar
  • Setup GitHub bot automation

👀 You can follow along in the Figma file and watch as iterate on this. ⚠️ Please note that this file is work in progress and may change as we finalize it so please don't use it for production work.

Metadata

Metadata

Assignees

Labels

feature-requestRequest for new features or functionalityon-testplanuxUser experience issues

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions