10 Comments
User's avatar
Cristian Pineda's avatar

Thanks so much for the opportunity to contribute to your newsletter Xinran!

Love the content you’re creating to help designers lean into the AI powers workplace!

Expand full comment
Xinran Ma's avatar

Thank you too, Cristian! Looking forward to more exciting news from you.

Expand full comment
Anfernee's avatar

Thanks for sharing these prompts πŸ™πŸ»πŸ₯°πŸš€

Expand full comment
Cristian Pineda's avatar

Glad you found them helpful Anfernee

Expand full comment
Steve's avatar

@Christian Thank you for sharing! These seem like useful techniques. What do you recommend for producing visuals or UIs?

Expand full comment
Xinran Ma's avatar

Just published a newsletter about producing UIs: https://designwithai.substack.com/p/i-tested-4-ai-tools-to-generate-ui. Some of the tools also provide their own prompting guides.

Expand full comment
Xinran Ma's avatar

Steve, there are a bunch of tools that you can try out: Codia, UX Pilot, Galileo, Uizard, Musho, Framer AI, and low-fidelity ones like Wireframe Designer. There are more on the market and the quality and features vary. By the way, Figma AI's Make Design feature is addressing this too. I'll write a newsletter on this topic as I've used many of them in the past.

Expand full comment
Cristian Pineda's avatar

Hi Steve! Great question! For supporting visuals, tools like Adobe Firefly and ChatGPT’s DALL-E are great options and can even produce production-ready assets with the right prompting. I’m actually working on an upcoming post where I’ll dive deeper into how I approach these kinds of scenarios.

That said, when it comes to generating full interfaces, I haven’t found a tool yet that can effectively handle integrating existing/evolving design systems or complex interactions, so I’m hesitant to make a solid recommendation there.

If you're interested in using AI assistants like ChatGPT, Claude, or Gemini to enhance your design workflow, I recently published a post where I share three techniques for building design systems. In the article, I cover how to kickstart atomic design systems, streamline accessibility documentation, and automate the creation of design tokens with the help of AI. You can check it out here if you're interested:

https://open.substack.com/pub/cristianpineda/p/three-ai-powered-techniques-for-building?r=1e0gke&utm_campaign=post&utm_medium=web

For generating front-end interfaces, tools like Cursor.com and Builder.io are fantasticβ€”they excel at converting wireframes into functional UIs. I’ve seen some great results with them!

Hope this helps!

Expand full comment
Steve's avatar

Thank you!

Expand full comment
Steve's avatar

Awesomeness

Expand full comment