The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Revisiting a design exploration I posted last April.
This time, I tested a Figma → Astro workflow with AI assistance: using AI to support the build while keeping the art direction, copy, hierarchy, and interaction decisions human-led.
The goal was not to generate a website quickly. It was to see how AI can help translate an editorial design system into code without flattening the taste and intent behind it.
Still exploring this direction for architecture and interior design studios.
See it here
https://ruang-studio.vercel.app/
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
How do you brand a ritual instead of a product?
Trenti is a premium concept store in Buenos Aires. Fire pits, artisan cutlery, curated gifts. Not a restaurant, not a BBQ brand. A store built around one idea: Fuego & Materia. Fire and matter.
So the identity is literal about it. Embers on raw concrete, a restrained serif, a palette pulled from the materials themselves (paper, iron, wood, charcoal) instead of the saturated orange every fire brand defaults to.
The exploration ran across Nano Banana, ChatGPT and Claude for prompt-building. Three engines to generate directions fast. But the final moodboard was curated and composed by hand.
AI made generating moodboard directions free. So where does our value actually live now? Do you let clients see your raw explorations? 👇
This is massive
AI can generate endless possibilities. Choosing the right one is the real creative skill.
For the Human by Design challenge, I'm not just creating a final piece—I'm documenting every decision behind it. From ideas that didn't work to the moments where instinct mattered more than AI.
I'm excited to push my creativity, experiment with the Envato toolkit, and share the full journey with this community.
Looking forward to seeing everyone's work. Let's inspire each other! 🚀🔥
Zero experience in the UI design industry.
But creativity, imagination, AI, and @Wonder made it possible.
🔥 Introducing "TourMe"
🧠 The idea:
A website for people who love to travel, explore, and discover different countries.
🙌 Problem:
People often have to jump between multiple websites to find travel information about a country they want to visit.
😊 Solution:
A website with multiple features for different countries:
• Weather
• Currency
• Best places to visit
• Popular restaurants
• Traditional foods
• Hotels and places to stay
• Activities
• sim cards
• and many more
💯 WORKFLOW:
• Explained my idea in ChatGPT and generated a prompt
• Used Wonder Chat to create UI concepts and website designs
• Refined everything manually using Wonder's tools and AI features
• Used Shader, Wonder Chat, Properties, and other tools
• Used Figma templates as references
• Explored different Wonder features and workflows
• Generated images using Wonder Chat
• Used Opus and Fable for generation
🙌 Others:
• Uploaded webpage screenshots and used Wonder Chat to recreate similar layouts
• Used Pinterest for inspiration and images
🎉 Wonder MCP:
• Connected Wonder MCP with Claude
• Claude helped create parts of the website
• Used GitHub to publish the website
TourMe Website:
https://aymdaking.github.io/TourMe1122/
Wonder File (Check page 1 and Page 2):
https://app.wonder.so/angelo-pacaanas/files/019f21e1-b614-7ae0-96ce-16e3fb4f1b80
🧠 UNEXPECTED:
• I didn't expect copying designs from Figma to Wonder to be so easy
• There are many Shader modes to choose from
• Prompt-to-UI worked even without UI design experience
• Wonder MCP worked smoothly with Claude
• Wonder Chat is more than a UI generator—it also helps answer questions and guide ideas
• Multiple image generation models are available (my favorite is Nano Banana)
• Easy to move, edit, and rearrange elements
• Lots of useful tools that are simple to learn and use
Challenges
View all
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
fifaworldcup2026
The World Cup is here and the whole world's watching. How are you designing for the world stage?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?