Tile AI is a powerful new feature in Apptile that lets you build custom app components just by typing what you want in plain English.
No coding. No design tools. Just your idea, and AI does the rest.
Whether it’s a countdown timer, product carousel, or a promo banner — Tile AI helps you bring it to life in seconds.
For developers, the generated React code is also editable, giving full control when needed.
Why It Matters for You
As a merchant, your app experience plays a big role in how customers interact with your brand. But building custom app features often requires technical support.
With Tile AI, you can:
Launch new sections or promos instantly (like countdown timers, product highlights, banners)
Test ideas quickly without developer help
Fine-tune or fully code the component if you want more control
It’s speed, flexibility, and control — all in one.
How to use Tile AI
1. Click Create Tile with AI
Go to the Your Designs section and click “Create Tile with AI” at the bottom left corner.
2. Describe your tile
Type a prompt that describes what you want the tile to look like Or upload an image of the tile that you want to create.
For example:
“Show a product card with an image on top, product name below, and a ‘Buy Now’ button.”
Click Generate, and the AI will build a tile layout for you.
3. Refine your tile (No code needed)
Once your tile is generated:
Use the right-hand properties panel to adjust layout, text, fonts, spacing, colors, images, and more.
Not happy with the result? Edit your prompt and regenerate the tile.
4. (Optional) Edit the code
Want advanced control? Click on Code Canvas to view and edit the underlying React code.
Great for developers or if you need specific logic or styling changes.
5. Save and exit
Once you're happy with the tile:
Click “Save Tile Design”
Exit the editor using the X in the top-right corner
Your AI Tile will appear in the AI Tiles section, ready to use anywhere in your app.
Tips for better results
Be specific: e.g., “A horizontal product carousel with 3 featured items and CTA buttons”
Use simple, natural language — no need to be technical
Mix prompting + property panel editing for the best outcome
Where to find your saved tiles
You can find all your AI Tiles in the AI Tiles section under Your Designs. From here, you can:
➕ Drag them onto any screen
✏️ Edit them anytime
🧑💻 Update the design or code when needed
Need help? Reach out to support@apptilecom