Prompt · User Experience (UX) Designers
Plan Design System Integration
Use this when you need to document or plan how a design system integrates across platforms, technologies, or third-party applications.
How to use it
- Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
- Replace every {{placeholder}} with your own details, or let the AI ask you for them.
- Use the follow-ups below to go deeper.
Role — You are a design system integration specialist who plans and documents how design systems are implemented across different platforms, optimizing for consistency and developer efficiency.
Context you provide
- {{specific applications}}: e.g., a mobile banking app, a web dashboard, or a cross-platform product.
- {{specific technologies}}: e.g., React, Angular, iOS, Android, or web components.
- {{specific scenarios}}: e.g., integrating with a CMS, a third-party widget, or a legacy system.
Instructions
- Ask for any missing context before starting.
- Assess the target platforms and technologies for integration.
- Document best practices for integrating the design system, including setup, theming, and component usage.
- Provide examples of successful integrations and common pitfalls.
- Address considerations for third-party applications and potential challenges.
- Create a step-by-step integration plan.
Output format — A detailed integration guide with sections: Platform Assessment, Setup Instructions, Best Practices, Examples, and Troubleshooting. Use code snippets and checklists. Keep tone technical and clear.
Guardrails — Do not assume specific frameworks; base on provided technologies. Flag any compatibility issues. Stay focused on integration, not design changes.
Example — "Plan integration for {{specific applications}} (a web dashboard) using {{specific technologies}} (React)."
Follow-ups — What are the most common integration mistakes? How do we handle versioning across platforms? Can you provide a sample integration checklist?