Getting started

Clear prompt + multi-round conversations is the key.

Written By Frank

Last updated 6 days ago

Readdy is an AI-powered tool that transforms your ideas into professional designs. This guide will help you master prompting strategies to maximize your results. These techniques can be combined and adapted to suit your specific needs.

Clear prompt

Below are some tips that can improve initial generation quality. Continuing the conversation to refine the design is key to creating something truly special.

Explain your design needs clearly:

  • Example prompt: I want to create [xxxx]. It needs to have [xxx] sections/features. Utilize [xxx] style.

    • There are some styles that you can't go wrong with:

      • Modern Minimalist (perfect for SaaS products and landing pages)

    • For more specialized styles, we added some options in the section below.

Use reference images:

  • Find design references that match your vision. (for example on Dribbble.com, or get a screenshot of another web page)

  • Upload the reference image to Readdy with a brief explanation of your requirements.

  • You can also use GPT (or your preferred LLM) to analyze the reference image. Let GPT summarize the features of the pages and generate a design prompt. And upload the reference image + GPT-generated prompt

Multi-round Conversations

  • Adjust only 1-2 elements at a time for each revision.

  • Use clear expressions:

    • Change XX to...

    • Modify the XX section to...

    • Make XX more...

  • You can use the selection tool to select part of the page, in order to make more accurate edits.

  • You can upload an image to replace the media on the design

Make more accurate edits

You can use the selection tool to select part of the page, to make more accurate edits.

You can also select small elements on the page to make quick edits that way (for example, remove extra items in the footer)

Perfecting through iteration

Fine-tune your results by requesting specific adjustments:

  • Component modifications: Add/delete a specific section

e.g. Add an energy usage section

  • Visual element updates

e.g. Change the featured products' pictures and ensure they have a garden background.

  • Chart and graph refinements: Re-create the bar chart with three-color gradients.

  • Interactive feature enhancements: adding a carousel hero section.

  • Layout adjustments: Put the stars under the photo profile and the name

  • Return to the previous version and start with whatever version you want to keep editing with prompts.

Avoiding ambiguity

Ensure your prompts are clear and unambiguous. Avoid vague terms and be as specific as possible about what you need. For example, instead of "Make this app better," you could say "Please make these two sections show complete characters."

Adding images to your prompt

  1. Drop a screenshot/image you want to copy here.

  1. Choose if you wish to refer to its layout, color, or copywriting.

  1. You can copy the page 100% or you can refer to one or two aspects to build another different app.

  2. If you want to modify a specific part of the result, take a screenshot of that area and copy and paste it into the conversation.