<h2>Overview</h2>
<p>Migrating from <a href="https://dds1.delldesignsystem.com/">DDS v1</a> to DDS v2 requires rewriting an application’s codebase and additional manual steps. Each component and foundation has changed in some way, and the v1 set of components do not always map to a v2 component. Because of this, you will need to redesign your product using the latest version of DDS v2.<br><br>We’ve outlined high-level changes your project will need to consider prior to migration. Additionally, component documentation on the Dell Design System website and in Storybook includes more specific migration information and component changes.<br><br>If your product does not currently use designs from DDS v1 and you’d like to start using DDS v2, visit getting started with <a href="/getting-started/vanilla/">Vanilla Components</a>, <a href="/getting-started/angular/">Angular Components</a> and <a href="/getting-started/react/">React component</a> for developers, and the getting started with <a href="getting-started/figma/">Figma</a> for designers.</p>
<h2>Why update to DDS v2?</h2>
<p>The v2 Design System emphasizes accessible experiences. The DDS team partners closely with the <a href="/partners/accessibility/">Accessibility</a> team to ensure published components meet WCAG 2.2 AA requirements. In addition, the engineering efforts focus on scalability while the designers are reworking the components to conform with UX best practices and a modern look and feel.<br><br>If you’d like to see a before and after of a product that has implemented DDS v2, check out the <a href="/resources/case-studies/">case studies</a> for <a href="/resources/case-studies/dell-developer-hub/">Dell Developer Hub</a> on our website and for the <a href="https://dell.sharepoint.com/sites/PremierResourceSite/SitePages/Customer-Case-Studies.aspx">Redesigned Premier Home and Category Pages</a> on Inside Dell.</p>
<h2>How to update to DDS v2</h2>
<p>V2 components are built with different behaviors, modifications, colors, grids, styles, and classes. Due to technical and aesthetic considerations, the DDS team strongly recommends that you <strong>do not combine v1 and v2 components</strong>.<br><br>DDS v2 does not yet have parity with DDS v1. We recommend migrating when most of the components your project requires are published.<br><br>Products at Dell are diverse in terms of size, scope, and complexity. We recommend setting up a meeting with the Design System team using the <a href="/contact/feedback/">DDS feedback form</a> so we can help your team assess requirements, timelines, and the general feasibility of migrating to DDS v2.</p>
<h3>Product owner</h3>
<ul>
<li>Migration to DDS v2 requires advanced planning, including scheduling within your product roadmap. You will need to allocate engineering resources to rewrite the application’s codebase and design resources to redesign your product.</li>
</ul>
<h3>Engineering</h3>
<ul>
<li>DDS v2 foundations and components are built in <a href="https://vanilla.delldesignsystem.com/">Vanilla</a>, which is pure JavaScript with no dependencies. <a href="https://react.delldesignsystem.com/">React</a> and <a href="https://angular.delldesignsystem.com/">Angular</a> are ongoing projects. Components labeled “experimental” are still in beta and not intended for use in production.</li>
<li>Migrating from v1 to v2 is only possible using Vanilla components. Each component has a migration section documented in <a href="https://vanilla.delldesignsystem.com/">Storybook</a> and will require migrating the library version, HTML, CSS, and JavaScript.</li>
</ul>
<h3>Design</h3>
<ul>
<li>DDS v2 UI kits and designs are currently available in Figma.</li>
<li>We recommend redesigning the product experience according to UX best practices. This includes wireframing the new experience using the <a href="https://www.figma.com/file/tEHQtV6HKUB1VFNs0hyQaL/Components-%26-Patterns-for-Web---Light-Mode?node-id=0%3A1">DDS v2 Figma UI kit</a>.</li>
</ul>


This is a high-level overview for teams interested in redesigning their products or applications with DDS v2 from DDS v1. Migrating from DDS v1 to DDS v2 is a one-time procedure that requires substantial engineering efforts.



Migrating to DDS v2

<p>AI Chat Toolkit has moved! You can now find it under the AI section.</p>


AI Chat Toolkit Redirect

<p>The DDS Feedback Form has been updated to point to Service Now (the new official intake form). Please <a href="/resources/videos/servicenow-overview">review this video</a> to learn more about how to interact with our team. Although the tool and process changed, our team expects to continue providing the same support as before.</p>


DDS Feedback Form has been updated

Home

About DDS

Figma

Vanilla

Angular

React

Data visualization

Migration guide

A11y annotation kit

AI chat toolkit

Contributor sandbox

Getting started

Changelog

Roadmap

Updates

Overview

Color

Elevation

Grid

Icons

Typography

Foundations

Accordion

Action menu

Badge

Blockquote

Breadcrumb

Button

Card

Carousel

Category navigation

Checkbox

Date picker

Divider

Drawer

Dropdown

File input

Footnote

Link

List

Loading indicator

Message bar

Modal

Notification

Overlay

Pagination

Popover

Progress bar

Progress tracker

Radio button

Search

Select

Side navigation

Switch

Table

Tabs

Text area

Text input

Time picker

Tooltip

View more/less

Components

Micro-moments

AI Chat Toolkit

Area chart

Bar chart

Bubble chart

Donut chart

Gauge chart

Line chart

Metrics card

Pie chart

Utilization chart

Dashboard template

Chart customization

Drag and drop

Empty state

Filter

Form

Microinteraction

Sign-in

Table view

Patterns

Accessibility

Brand

Partners

Case studies

FAQs

Tools

Videos

Dell Design System v1

Resources

Send Feedback

Check My Tickets

Find us on Teams

Support