How To Recode

Start creating instantly

The box tool is used to create the general layout of your website/app.

Get creative

Begin developing your idea by using the box, arrow and text (T) tool to add detailed notes or explanations. These annotations will help guide the AI in understanding and bringing your vision to life. Think of it as providing extra information that highlights important elements, so the AI can create something that aligns with your vision.

Recode your idea

Recode AI provides advanced technology that can take your wireframe designs and automatically convert them into fully functional HTML code. This means you can quickly go from a basic visual layout to actual, working web pages without needing to manually write the code. It simplifies the process, making it faster and easier to turn your design ideas into real websites.

With your creation highlighted press Recode in the top right corner to start generating

After the output is generated, you can add notes or suggestions to make changes and fine-tune it to match your vision. This allows you to gradually adjust the design, providing feedback to get closer to your desired look. The more specific you are with your annotations, the better the AI can refine the result to fit what you're aiming for.

When you're ready, select the output and your updated annotations, then press Recode again to begin generating your updated HTML.

Access generated code

To copy the generated HTML, just click the icon next to the output. You can then paste the code into your favourite code editor or send it directly to your web developer. This makes it easy to share your vision and help them better understand how to bring your idea to life on a website.

What you see here is just the beginning. Our platform is evolving rapidly to unlock even greater possibilities — from AI-driven decentralised apps to smart bots and seamless blockchain integrations. Stay tuned as we expand Recode’s creative frontier beyond websites, empowering you to build the future of decentralised innovation.