I’ve been experimenting with a different way of designing UI: instead of creating a static design first, I built a workspace where you can design directly on the working prototype.
You can interact with it normally, pause it at any state, and keep editing visually from there.
Curious what UI designers think about this workflow.Would you like to do some design work on the code itself ?
I’ve been building VisualWizard, a design canvas where the things you create are actual running prototypes rather than static mockups.
You can explore different directions on the canvas, focus into one, interact with it normally, pause it when you want direct control, and edit elements visually.
When you want help with a larger change, you can connect Codex to the same canvas and keep working from there.The idea is to combine the freedom of a design tool with the speed of coding agents, without forcing you to work entirely through prompts.
Still early, but I’d love to hear what Codex users think about this workflow.
Hi
I'm working on an early stage project like this. It's similar to Figma, but the entire canvas is generated from code.
This allows you to design on a working prototype. You can experiment with different aspects, manage design tokens, and ask AI to create consistent designs using components.You can connect your own Agent to the canvas. I'd love to hear your thoughts.
İf you wanna try https://visualwizard.app/
When I first saw Claude Design, I really liked the idea, but after creating a design, I realized I wanted a more direct environment to continue working on the actual product. That’s why I’m developing VisualWizard.
Here, the canvas isn’t just a separate design representation. The interface you’re working on is also the actual, working product itself. You can directly select, move, resize, and change the styles of elements. Interactions, animations, and the component structure all continue to function.
If you want, you can separate components into separate workspaces and edit them individually, allowing you to control the design language right from the editor.
You can also connect any external agent such as Claude Code or Codex to the canvas.
It’s still very early on, and I’m continuing to improve the editor’s performance.I’m really curious to hear what people who use Claude Design think about this way of working.
Merhaba
Kendim bir Saas projesi üzerinde çalışıyorum.Geliştirme kısmında ilerliyorum ancak çevremde yazılımla ilgilenen pek insan yok.
Benzer şekilde side project, saas , ai ürünü geliştiren kişilerle tanışıp ara sıra fikir alışverişi yapmak istiyorum. Birbirimize ürün satmak veya ekip kurmak gibi bir amacım yok.Yalnızca benzer süreçlerden geçen insanlarla iletişim kurmak istiyorum.
İlgilenenler yorum bırakabilir veya mesaj atabilir.
I didn't want to go back to Figma. The tools I used for prototyping didn't give me the editor feel I wanted.
That's why I'm trying to develop my own tool. You can import your own code or create interfaces from scratch.
Could such a tool fit into your workflow? Would you like to see all your components working on the canvas?
İf you wanna try: https://visualwizard.app/
I'm so confused. I want to promote a project I'm working on, but every time I try, I get no interest.
I'm not sure if the problem is with the project itself or if I'm not distributing it correctly. My target audience is mostly on X, but I just can't seem to increase my follower count.
What do you guys do? How can you build your own community on a platform like X?
Yaklaşık 5 senedir yazılımla ilgileniyorum.Yapay zekanın gelişmesiyle farklı konular üzerinde daha cesurca ilgilenmeye başladım.
Geliştirmekte olduğum ai destekli bir tasarım aracı projem var.Hem teknik detaylarla uğraşmak hem de pazarlama yapmak beni yoruyor.
Bu nedenle yazılım geçmişide olan yeni fikirler üzerinde düşünebilen mimari kararları birlikte alabileceğim bir kurucu ortak/yoldaş arıyorum. Daha çok ürünün pazarlama tarafıyla ilgilenmenizi istiyor olacağım
Ben bir üniversite öğrencisiyim.Bu nedenle yaşıma yakın birileri olması daha iyi olur. Eğer bu özelliklere sahipseniz bana yazın ve tanışalım.Uyumlumuyuz görelim.
I'm a developer. I've been involved with software for about 5 years. With the development of artificial intelligence, I've started to explore different topics more boldly. I have a project developing an AI powered design tool. Dealing with both the technical details and marketing is tiring for me.
Therefore, I'm looking for a co founder/partner with a software background who can think about new ideas and with whom I can make architectural decisions together.I'd prefer you to focus more on the marketing side of the product.
I'm a university student, so it would be better if the person was close to my age. If you have these qualities, please write to me and let's get to know each other. Let's see if we're compatible.
Hello
I’m developing a project that offers precise editing capabilities for creating React prototypes.
It allows you to import and edit any React code. This way, you can experiment with different prototypes on the canvas during the ideation phase and later integrate them into your codebase.
The project is in its early stages, I’d love to hear your thoughts.
When I used to design with AI, I felt the need for precise editing. However, with today’s models, it’s now easier to simply select an area and tell the AI to fix it.
I just select an area, mark it, and wait for the AI to generate the code. I’ve started doing much less of what I used to do in Figma: like placing elements one by one, applying styles, and tweaking settings.
When I enter the right prompts, it really produces something close to what I need. But I’m still curious, when you’re working on code, do you still need the flexibility of a tool like Figma? Where do you use AI, and where do you still feel the need for manual editing?
Sometimes, as a developer and UX designer, I miss writing code and creating designs manually from scratch. I’m curious if others feel the same way.
Hi
Designing in Figma then handing off to code always loses something: spacing, states, logic get rebuilt on the dev side.
So I've been building a tool : an infinite canvas where you design directly on the real React code , not a vector layer that exports later. Basically Figma, but what you touch is the actual output.
Still early. Before I go further I want to know if this actually solves a real pain for you, or if your current Figma to code flow is fine. Would you use something like this? Why / why not ? If anyone wants to try an early version, happy to share.
Hello
I’m trying to validate the direction for a product I’m working on. It helps you design with precision using actual code. The design isn’t vector based like Figma it’s actual code.
It has AI support. However, it’s not designed to build a website entirely from scratch, and I don’t like that kind of AI-generated output.
AI is more useful for making small adjustments. Additionally, the product’s visual editor allows you to save and reuse your previous work.You can easily export the code or upload it to a popular hosting service.
Would you be interested in using a tool like this?
If you’re already using other tools, what are they?
How much AI do you integrate into your work?
This feedback would be very helpful to me. Thank you in advance.
Hi
I’ve created a visual editor that combines no-code and vibe coding on the same canvas.
Instead of choosing between a no-code builder and an AI-powered coding tool, I wanted to try something in between. As AI tools become more complex, designing and managing things only through prompts can feel more difficult. No-code tools are really good, but there is always some kind of limitation. I brought these two worlds together around a real codebase.
On the canvas, you can visually select elements, explore layers, fine-tune styles, view actual project files, and ask the AI to modify the selected UI section. Since the AI works on a real codebase in the background, you can also use it for vibe coding more easily.
You can export the code. And while it’s still early, soon you’ll be able to import code you’ve created with tools like Lovable or Bolt and continue editing it here. In other words, there is no vendor lock-in like you often encounter with no-code tools.
I’m not sharing a link yet. I’m mainly trying to validate the direction.Is this useful, or does it feel like an unnecessary layer between no-code tools and AI coding tools?I’d like to get honest feedback from people who build with no-code / AI tools. If you’d like to try it, I can send you a link once it’s live.
I’m working on a project. I realized that before inviting people to join my project, I’d like to talk to and get to know some new founders.
Most posts on reddit ask you to leave comments about your product, and that’s completely pointless. If you’d like to exchange feedback and get to know each other, send me a private message and let’s talk.
I think one-on-one conversations are the best way to improve our SaaS products.
I’m a developer with five years of experience who doesn’t know much about marketing. I’ve developed a new product: a coding platform similar to Lovable, but with a slightly different twist.
I’d like to chat about it and meet new people, even if we don’t end up working together.
Send me a private message.
Hello
I’ve developed a new AI-powered product. I’m building a tool that lets you visually edit the code itself to bridge the gap between code and design.
You can modify the Tailwind styling of your existing code,add new elements, and rearrange them. All design and interaction features are made possible by AI.
I’ll be adding the ability to import real code bases soon.
What does this mean for you as designers? Would you like to make small design changes here without breaking the code?
Please share your honest thoughts. I want to pivot the product based on this. You can try it for free via this link:
Merhaba
Üzerinde çalıştığım bir projeyi sizlerle paylaşmak istiyorum. Gerçek React/Vite/Tailwind projelerinin doğrudan kodunu düzenleyen yapay zeka destekli bir Web Builder geliştirdim.
Neler mümkün ?
- Yeni dosyalar oluşturabilir mevcut kodları düzenleyebilirsiniz.Eklediğiniz yeni kodlar da editör üzerinden düzenlenebilir.
- Yapay zeka desteği sınırlı olsada var.Vibe coding yapabilirsiniz.Yapay zekayı dahada geliştirmeyi hedefliyorum
- Gerçek Nodejs ortamında çalışıyor.Packages ile herhangi bir kurulum yapılabilinir veya yapay zekanın kurduğu paketleri görebilirsiniz.
-Console kısmı ile preview modda logları görebilirsiniz.
- Stil değişkenleri oluşturabilir kodunuzda kullanabilirsiniz.
Henüz tam bir projeyi içe aktarmak mümkün değil gelecekteki hedefim bu şimdilik sıfırdan yeni dosyalar oluşturup kod düzenlenebilir.
Benim için çok deneysel bir proje ama Beta olarak yayınlamak istedim.
Yapay zeka desteğini arttıracağım.Bu süreçte geri bildirim vererek yardımcı olmak isteyenler olursa tanışmayı çok isterim, denemeniz için hesaplarınıza ek yapay zeka krediside tanımlayacağım.
Bu linkten kayıt olup ücretsiz deneyebilirsiniz:
