Using MCP + Claude to accelerate my design workflow.
Turning product ideas into polished UI/UX concepts in minutes.
Exploring AI-assisted design, rapid prototyping, and system thinking.
Focusing less on repetitive tasks and more on solving real user problems.
Excited to see how far AI-powered design workflows can go.
2
3
119
Introducing EcoBloom: Where AI meets craft 🌿
For @Envato's #HumanByDesign challenge, I built a complete sustainable
brand:
EcoBloom — Reusable beeswax food wraps
Tagline: "Wrap with Nature. Unwrap a Better Future."
Process:
1️⃣ AI-generated product images (MidJourney)
2️⃣ Noticed texture issue (too plastic-like)
3️⃣ Added real beeswax texture from @Envato
4️⃣ Photoshop refinement (blend mode, color grade, sharpening)
5️⃣ Result: Professional, authentic, market-ready
EcoBloom is what happens when AI gives you ideas and humans give you craft.
Ready to go plastic-free? #EnvatoChallenge #EcoBloom #SustainableDesign
1
2
22
"Human by Design: Where AI Meets Instinct
For the #envatochallenge, I designed a logo for 'Brew & Beans', a café that feels like home. But I didn’t stop there—I placed it in a fully realized café scene to show how human judgment transforms AI-generated work into something warm, inviting, and real.
The Process:
AI’s First Draft: A cold, corporate logo with generic colors and fonts.
My Human Touch:
Swapped the sterile blue for a warm terracotta (Envato’s Earthy Tones pack).
Replaced the default font with a handwritten script (Envato’s "Brittany" font).
Added watercolor textures and hand-drawn imperfections to the icon.
Placed the logo in a café that feels alive—even without humans.
Tools Used:
Envato’s AI logo generator, color palettes, fonts, and café stock images.
Photoshop (for refinements).
Human by Design Moment:
The AI gave me a technically perfect logo, but it lacked the soul of a small-town café. So I added warmth, texture, and context—because great design isn’t just about how it looks, but how it makes you feel.
Swipe through the images to see the final logo and café in action! ☕
#envatochallenge #HumanByDesign #LogoDesign #CaféBranding #AIvsHuman"
1
68
Building the next generation of accounting software for Bangladesh
Most SMEs still rely on desktop software, spreadsheets, and manual processes to manage their finances. As businesses grow, they need something more powerful, collaborative, and built for the modern world.
That's why I'm building LedgerNext — a cloud-native accounting platform designed for Bangladeshi businesses.
✅ Multi-branch accounting
✅ Role-based access control
✅ Advanced voucher management
✅ Real-time financial reporting
✅ Inventory management
✅ VAT & Mushak compliance
✅ Approval workflows
✅ Multi-user collaboration
✅ Bangla & English support
Think of it as a modern, cloud-first evolution of traditional accounting systems—built specifically for the needs of Bangladeshi businesses.
The goal is simple: help businesses spend less time managing books and more time growing.
#AccountingSoftware (https://www.linkedin.com/search/results/all/?keywords=%23accountingsoftware&origin=HASH_TAG_FROM_FEED) #FinTech (https://www.linkedin.com/search/results/all/?keywords=%23fintech&origin=HASH_TAG_FROM_FEED) #SaaS (https://www.linkedin.com/search/results/all/?keywords=%23saas&origin=HASH_TAG_FROM_FEED) #Bangladesh (https://www.linkedin.com/search/results/all/?keywords=%23bangladesh&origin=HASH_TAG_FROM_FEED) #BusinessSoftware (https://www.linkedin.com/search/results/all/?keywords=%23businesssoftware&origin=HASH_TAG_FROM_FEED) #ERP (https://www.linkedin.com/search/results/all/?keywords=%23erp&origin=HASH_TAG_FROM_FEED) #VAT (https://www.linkedin.com/search/results/all/?keywords=%23vat&origin=HASH_TAG_FROM_FEED) #Accounting (https://www.linkedin.com/search/results/all/?keywords=%23accounting&origin=HASH_TAG_FROM_FEED) #Startup (https://www.linkedin.com/search/results/all/?keywords=%23startup&origin=HASH_TAG_FROM_FEED) #BuildInPublic (https://www.linkedin.com/search/results/all/?keywords=%23buildinpublic&origin=HASH_TAG_FROM_FEED)
0
11
One thing I've learned while building products: designing the web UI with a mobile-first, app-like experience can save a huge amount of effort later.
Instead of maintaining separate web and mobile applications, I'm focusing on creating a responsive web app that feels like a native mobile app on smaller screens. Users get a seamless mobile experience, while I keep a single codebase to develop, maintain, and deploy.
Benefits:
• Faster development cycles
• Lower maintenance costs
• Consistent user experience across devices
• Easier deployment and updates
• No need to manage separate mobile app releases
For many SaaS and internal tools, a well-designed responsive web application can deliver an experience that feels remarkably close to a native app while significantly reducing complexity.
Build once. Optimize everywhere.
#WebDevelopment (https://www.linkedin.com/search/results/all/?keywords=%23webdevelopment&origin=HASH_TAG_FROM_FEED) #MobileFirst (https://www.linkedin.com/search/results/all/?keywords=%23mobilefirst&origin=HASH_TAG_FROM_FEED) #UIUX (https://www.linkedin.com/search/results/all/?keywords=%23uiux&origin=HASH_TAG_FROM_FEED) #Frontend (https://www.linkedin.com/search/results/all/?keywords=%23frontend&origin=HASH_TAG_FROM_FEED) #SaaS (https://www.linkedin.com/search/results/all/?keywords=%23saas&origin=HASH_TAG_FROM_FEED) #ProductDevelopment (https://www.linkedin.com/search/results/all/?keywords=%23productdevelopment&origin=HASH_TAG_FROM_FEED)
0
6
Try to clone it with prompts
https://parley-web-ui-saas.vercel.app/
Thanks For the Prompts : Alex Prokhorov
@Alex Prokhorov
2
2
53
While working on a Kanban-style project management dashboard recently, I noticed something interesting.
At first glance, most people pay attention to the layout, cards, colors, and overall design. But the more I refined the interface, the more I realized that typography was doing much of the heavy lifting.
Users need to quickly distinguish between task titles, labels, priorities, statuses, assignees, and metadata. If the typography isn't structured properly, even a clean-looking board can feel overwhelming and difficult to scan.
In this project, typography helped create:
✅ Clear hierarchy between task titles and supporting information
✅ Faster scanning across multiple columns and dozens of tasks
✅ Better readability without adding visual clutter
✅ Improved focus on high-priority and critical tasks
✅ A more professional and trustworthy user experience
Good UI isn't only about making things look beautiful. It's about helping users process information quickly and make decisions with less effort.
The best typography often goes unnoticed because users don't consciously see it—they simply understand the interface instantly.
Working on this project reminded me that typography isn't just a design detail. It's one of the most important tools for creating intuitive and user-friendly products.
What's a UI detail you think is often overlooked but has a huge impact on user experience?
#UIDesign #UXDesign #Typography #ProductDesign #WebDesign #FrontendDevelopment #DesignSystems #UserExperience #SaaS #KanbanBoard
0
23
Restaurant Operations & Delivery Management Platform
Built a full-stack, production-ready restaurant management platform that digitizes and automates the entire restaurant ecosystem.
• Developed role-based dashboards for Customers, Staff, Delivery Partners, and Administrators
• Implemented online ordering, order tracking, menu management, reservations, and customer account features.
• Created operational tools for kitchen workflow management, inventory control, and delivery coordination.
• Designed an admin dashboard with analytics, sales reporting, user management, and business insights.
• Delivered a scalable business solution that streamlines operations from order placement to successful delivery.
live link : https://magpie-restaurant.base44.app (https://magpie-restaurant.base44.app/) @Base44
10
14
1.2K
🚛🤖 AI Dispatcher — Autonomous Freight Dispatch ERP
Designed for the Wonder Design Challenge, this concept explores how AI can transform freight dispatch operations into a transparent, intelligent, and human-centered experience.
The vision was to create an enterprise platform where AI doesn't just automate workflows—it explains every decision, keeps every action auditable, and always gives dispatchers the final say.
✨ Designed with:
• Enterprise-grade UI/UX
• AI-first workflow orchestration
• Explainable & auditable AI decisions
• Human-in-the-loop controls
• Clean white + flowing red visual system
• Modern dashboard experience for logistics teams
This challenge pushed me to think beyond interfaces and design how humans and AI can collaborate in mission-critical operations.
Built with Wonder.
Run out of credits : So could not finish it
#WonderChallenge #Wonder #UIDesign #UXDesign #ProductDesign #AI #Logistics #ERP #DashboardDesign #FreightTech #EnterpriseSoftware #DesignSystems #AIDesign #HumanCenteredAI #Innovation
0
46
We’re proud to launch a modern BPO business website designed and developed by ME.
🌐 Live Demo (https://bpo-three-gold.vercel.app/?utm_source=chatgpt.com)
Built with a focus on performance, responsive design, modern UI/UX, and lead generation.
0
39
🚀 Built AetherPeople — a modern HR & Employee Management platform designed to make People Operations feel calm, simple, and automated.
Instead of building another complex ERP, I focused on creating a clean, human-centered experience where HR teams can manage:
✨ Employee Dashboard
📅 Attendance & Leave Management
💰 Payroll Overview
✅ Approval Workflows
📊 Real-time HR Analytics
🔐 Enterprise-grade Security Experience
I designed and built the complete responsive UI using Wonder, exploring its AI-powered workflow to rapidly iterate, refine layouts, and turn ideas into production-quality interfaces much faster than my traditional design process.
The biggest takeaway? Wonder made it incredibly easy to move from concept → polished product while experimenting with layouts, components, and visual direction in minutes instead of hours.
🎥 In the walkthrough, I cover:
• My design process
• How I used Wonder throughout the project
• Key UI decisions
• The final interactive prototype
🔗 Live Demo:
live link (https://peoplehr-delta.vercel.app/)
📁 Wonder Project:
Wonder Project Link (https://app.wonder.so/asef-ahmed/files/019f1be0-721c-7d40-adbe-a93f94ec931a)
I'd love to hear your feedback!
#wonder #AI #UIDesign #UXDesign #ProductDesign #WebDesign #HRTech #EmployeeExperience #ERP #SaaS #Frontend #DesignSystems #AetherPeople
4
6
1.1K
JUST TRY BUBBLE THE AI AGENT TO GENERATE SCREENS NOTHING MORE !!
0
162
From motion graphics and storytelling to social media creatives, AI is making the creative process faster while still leaving room for human creativity and design thinking.
The tools are evolving rapidly, but great design still comes down to clear communication, strong storytelling, and attention to detail.
#CapCut #DesignStudio #AIDesign #MotionDesign #CreativeTech #ContentCreation #UIUX #DesignInnovation #DigitalCreativity #AITools
0
135
**Title:** MotionSync: Solving the "Design-to-Dev" Motion Handoff with AI
**Overview:**
As a designer, creating a beautiful static interface is only half the battle. The real challenge? Explaining exactly how that interface should bounce, shake, or transition when a user interacts with it. Endless back-and-forth Slack messages usually end in motion that feels "almost right." I built **MotionSync** to solve this.
**What is MotionSync?**
MotionSync is a conceptual AI-powered workspace that bridges the gap between static UI design and frontend development. It allows designers to apply complex micro-interactions to static designs using AI, and instantly generates production-ready code (like React & Framer Motion variants) for developers.
**Key Features Showcased in the Demo:**
✨ **AI Motion Generation:** Select any element on the canvas and ask the AI to "add a spring click" or "shake on error."
🎛️ **Interactive DevTimeline:** A custom-built scrubber that hooks directly into the Web Animations API, allowing developers to pause, scrub, and visualize the physics of an animation down to the millisecond.
🎨 **OkLCH Design System:** A meticulously crafted, dynamic UI built entirely in Vanilla JS/CSS mimicking a premium `shadcn/ui` environment.
**The Tech Stack (Demo):**
https://gscontra.vercel.app (https://gscontra.vercel.app/)
https://stitch.withgoogle.com/projects/8422812412154074381
Vanilla JavaScript, HTML5, CSS3 (Web Animations API), Tailwind CSS (OkLCH dynamic theming).
Check out the video below to see the interactive timeline in action! 👇
#UIUX #FrontendDevelopment #AI #DesignHandoff #FramerMotion #ProductDesign*
1
2
174