<aside> 💡 Have a question? send a message on Discord or shoot me an email.

</aside>

Rendition helps build user interfaces 🌟

We can use Rendition to build and iterate on user interface components created from **text prompts with Rendition Create** (example: “a product card”) or from a Figma design with Rendition for Figma.

Rendition Create 🪄

Building with Rendition Create

1. visit https://renditioncreate.com

   • Briefly describe the component you would like to build, or choose an example preset

     

   • Log in with Google

   • Sign up for a Rendition Account

2. What Rendition can create
   • Rendition is used for creating user interface components that are about 100 lines of code.
   • Rendition writes tailwind + react code
3. Iterating with Rendition Create
   • Once the code stream has finished, you can iterate on the code with AI by typing into the “Propose Changes” field
   • You can edit the code directly by clicking the “Code” button in the top right of the preview

Rendition from Figma 🧙

Getting Started

1. visit Rendition for Figma
2. Install the Figma plugin
3. Open your design file and then select Plugins→Manage plugins and then search for and select “Rendition”
4. Log in with google and create an account with Rendition
5. Then head back to Figma to start using Rendition for Figma on your designs