# How I Get AI To Follow My Designs (In-Depth Walkthrough)

Tom Brewer
Table of Contents

These notes are based on the YouTube video by Chris Raroque


Getting AI to Follow Designs

The process of getting AI to follow designs involves several key steps:

  • Providing a detailed prompt that outlines the design requirements, including layout, colors, typography, and icons
  • Iterating on the design by refining the prompt and providing additional guidance to the AI
  • Using tools like Cursor, Claude, and Figma AI to generate design elements and code
  • Collaborating with the AI to refine the design, making adjustments as needed

Design Implementation with AI

When implementing designs with AI, it’s essential to:

  • Set realistic expectations: AI can get a significant portion of the design right, but manual refinement is often necessary
  • Use specific prompts: clearly outline the design requirements to get the best results from the AI
  • Iterate and refine: work with the AI to refine the design, making adjustments as needed

AI Tools for Design Implementation

A comparison of available AI tools like Cursor, Claude, and Figma AI shows that:

  • Each tool has its strengths and weaknesses in implementing designs, especially in complex layouts
  • The choice of tool can significantly impact the quality of the design implementation
  • It’s crucial to choose the right tool for the specific design task at hand

Rapid Prototyping with AI

AI can be used to rapidly prototype and iterate on designs, allowing for:

  • Faster experimentation and testing of design concepts
  • Creation of complex designs without requiring extensive manual coding
  • Collaboration with the AI to refine and perfect the design

Tips for Working with AI

When working with AI to implement designs:

  • Start with a clear prompt and refine as needed
  • Use tools like Cursor, Claude, and Figma AI to generate design elements and code
  • Iterate and refine the design, working closely with the AI to achieve the desired result
  • Don’t be afraid to experiment and try new things – AI can often surprise with creative solutions

Conclusion

Getting AI to follow designs requires a combination of clear prompts, iteration, and refinement. By working closely with AI tools like Cursor, Claude, and Figma AI, designers and developers can create high-quality designs quickly and efficiently. While AI may not always get the design 100% right, it can significantly accelerate the design process, allowing for rapid experimentation and iteration. By embracing the creative potential of AI, designers and developers can push the boundaries of what is possible and create innovative, effective designs.

Tom Brewer Avatar

Thanks for reading my notes! Feel free to check out my other notes or contact me via the social links in the footer.

Continue Reading