<p><em>Special thanks to <strong>Miguel Wermuth</strong> and <strong>Selina Nie</strong>, Product Designers from <strong>My Account AI</strong> and <strong>Manage Use &amp; Renew</strong>, for sharing the insights and outcomes featured in this case study.</em></p>
<h2>About the team</h2>
<p>The My Account AI team designs experiences that help customers manage their accounts and interact with AI-powered capabilities. Rapid prototyping plays an important role in their workflow, helping the team validate concepts, communicate ideas, and demonstrate experiences to stakeholders before development begins.</p>
<p>As the team began incorporating Figma Make into their design process, they saw an opportunity to accelerate exploration and workflow creation. However, early experiments revealed a challenge familiar to many designers: generating interfaces that accurately reflected DDS patterns and standards.</p>
<h2>The challenge</h2>
<p>Before the DDS Figma Make Kit was available, the team relied on detailed prompts to recreate DDS components and interactions inside Figma Make.</p>
<p>Generating realistic outputs often required multiple iterations, extensive prompt engineering, and significant token consumption. Even when successful, results were not always aligned with DDS standards, making it difficult to create prototypes that felt production-ready.</p>
<p>Some of the team&#39;s biggest challenges included:</p>
<ul>
<li>Inconsistent AI-generated outputs</li>
<li>Difficulty aligning generated experiences with DDS patterns</li>
<li>High token usage</li>
<li>Multiple prompt iterations to achieve desired results</li>
<li>Time spent describing component states and visual details</li>
</ul>
<p>These challenges became especially noticeable when demonstrating interactions and workflows, where accuracy and realism were critical for stakeholder reviews.</p>
<h2>DDS adoption</h2>
<p>The introduction of the DDS Figma Make Kit provided a new starting point for the team. Instead of describing every aspect of a component through prompts, designers could leverage DDS components, templates, foundations, and semantic tokens directly within their workflow.</p>
<p>The team primarily used the kit to:</p>
<ul>
<li>Build workflows and prototypes</li>
<li>Create reusable templates</li>
<li>Explore new concepts and variations</li>
<li>Prototype AI-driven experiences</li>
<li>Present realistic product concepts to stakeholders</li>
</ul>
<p>Responsive DDS foundations for My Account and Virtual Assistant experiences gave designers a starting point that could be expanded and adapted for different use cases. Having DDS structures available inside Make also reduced the need to manually define component behaviors, states, spacing, and visual styling.</p>
<details data-name='image-block' data-images='[{"alt":"Dell Technologies account interface showing an AI-generated implementation request alongside a review panel with code changes. The image illustrates how ideas move from natural-language prompts toward working product experiences using DDS tools and workflows.","caption":"","url":"https://dds.dell.com/site/v3/resources/case-studies/casestudy---figma-make.png"}]' data-numberofcolumns='1' data-hideWidget='false'></details><h2>The impact of templates and DDS foundations</h2>
<p>Templates quickly became a key part of the team&#39;s workflow.</p>
<p>Instead of starting with a blank canvas, designers could begin with responsive DDS-based structures and expand them based on project needs. This allowed the team to focus more on solving design problems and less on building layouts and configurations from scratch.</p>
<p>Reusable foundations also helped maintain consistency across projects while reducing the amount of prompting required to generate new experiences.</p>
<h2>Building prototypes closer to the final product</h2>
<p>One of the most significant improvements was the quality of the prototypes shared with stakeholders.</p>
<p>With DDS components and foundations embedded in the process, generated experiences more closely resembled actual Dell products. Rather than producing generic AI-generated interfaces, prototypes reflected established design system patterns and behaviors.</p>
<p>This proved especially valuable for AI and Virtual Assistant experiences, where interactions are just as important as visual design. The team was able to create prototypes that supported user input, generated contextual responses, and simulated realistic workflows.</p>
<p>As a result, stakeholders could better understand how a feature would behave in a live product, not just how it would look.</p>
<h2>The value of semantic tokens</h2>
<p>Among all DDS capabilities used within the kit, semantic tokens delivered the greatest impact.</p>
<p>By referencing DDS tokens directly within Figma Make, designers could apply approved colors and design decisions without relying on lengthy visual descriptions. This reduced prompt complexity while improving consistency and visual accuracy.</p>
<p>Beyond improving efficiency, tokens helped ensure generated concepts remained aligned with DDS standards while providing a closer representation of the final implemented experience.</p>
<p>The result was a smoother connection between design exploration, prototyping, and development.</p>
<h2>A practical example</h2>
<p>One example was creating text input validation flows. Previously, these interactions required significant manual setup in traditional Figma prototypes.</p>
<p>With the DDS Figma Make Kit, designers could prompt the desired conditions and generate experiences that used the appropriate DDS validation states, reducing effort while maintaining design system compliance.</p>
<p>Another example involved Virtual Assistant prototypes, where the team could simulate different user questions and responses within the same experience, allowing stakeholders to interact with AI-driven workflows in a much more realistic way.</p>
<h2>Results</h2>
<p>After adopting the DDS Figma Make Kit, the team reported improvements across several areas:</p>
<ul>
<li>Faster prototyping</li>
<li>Better consistency across screens</li>
<li>More standardized layouts</li>
<li>Reduced prompt engineering effort</li>
<li>Greater reuse of templates and structures</li>
<li>Improved quality of AI-generated outputs</li>
<li>Lower token consumption</li>
<li>Improved stakeholder communication</li>
</ul>
<p>The team estimates that the kit saves approximately <strong>30 to 60 minutes</strong> during prototyping activities and has reduced AI token usage by <strong>more than 75%</strong> in many scenarios.</p>
<details data-name='image-block' data-images='[{"alt":"Quote card featuring a circular headshot of a team member alongside a testimonial about the DDS Make Kit. The quote highlights how the kit enables more precise prototyping, realistic interactions, and greater confidence when communicating ideas and demonstrating functionality. The quote is attributed to Miguel Wermuth, Senior Analyst.","caption":"Quote by Miguel Wermuth, Senior Analyst.","url":"https://dds.dell.com/site/v3/resources/case-studies/miguel-s-quote.png"}]' data-numberofcolumns='1' data-hideWidget='false'></details><h2>Advice for other teams</h2>
<p>The team&#39;s recommendation is simple: start with the DDS Make Kit and take full advantage of reusable foundations and templates.</p>
<p>Establishing reusable structures early not only accelerates future work but also improves consistency and reduces the amount of prompting needed to generate high-quality results.</p>
<h2>Looking ahead</h2>
<p>For the My Account AI team, the DDS Figma Make Kit has transformed prototyping from an exercise in prompt refinement into a more efficient design activity.</p>
<p>By combining DDS components, templates, and semantic tokens with Figma Make, the team can create prototypes that more closely resemble real products, communicate ideas more effectively, and spend more time focusing on design rather than configuration.</p>
<p>Their experience demonstrates how bringing design system assets directly into AI-assisted workflows can help teams prototype faster, maintain consistency, and create experiences that more closely reflect the final product.</p>


Learn how My Account AI team accelerated prototyping and the possibilities with DDS Figma Make Kit, templates, and V3 tokens.

From prompting to prototyping: how the DDS Figma Make Kit helped bring ideas closer to reality