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
The Challenge
Modern freelancers manage an exhausting stack of tools, communication channels, and design frames across multiple active contracts. Context switching—jumping between client Slack channels, Figma documents, active codebases, and contract terms—drains executive focus and creates overwhelming browser tab clutter.
The Solution
Freelancer Flow Hub is an intentional, elite digital workspace designed to eliminate visual noise and protect creative momentum. Using a high-contrast clinical dark mode (College Navy and Action Green), it establishes a structured environment that groups projects by active contracts and allows instant switching across design and development workspaces.
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
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
The first one gives less cognitive overload 🔥
Wonder Shader Lab - This is my submission for Wonder Challenge.
I made this project because I really love shader effects in Wonder and I was struggling to find and use this feature at first.
Shaders are powerful but somewhat hidden, so I created Wonder Shader Lab, a curated gallery that shows a list of cool shader effects you can use in website design.
I counted 95 main categories of shader effects, with each category having 2 to 6 or 8 different variations. The page includes live examples and simple instructions on how to apply shaders as background and text effects.
Built entirely in Wonder to help other creators quickly discover and use these amazing features.
Wonder File Link: https://app.wonder.so/zeng/files/019f34ef-5599-7c55-9858-ec5d63972f18
I include steps on how to add Shader to background, text and SVG here:https://x.com/zeng_wt/status/2074309904668463312?s=20
Made with Wonder by Zeng.💜
95 categories is a serious amount of cataloging, that alone is a useful reference even without the Wonder file. Do you plan on keeping the gallery updated as new shader types get added, or is this more of a snapshot?
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?