DAMN! I'm impressed guys! I'm an AI enthusiast (iOS App dev) and I'm always looking for ways to leverage AI for developers to quickly prototype and create mobile apps. Great job, I'm loving it! 👏🎉
This is freaking awesome guys! I am a backend developer trying to design UI for a project. Your tool makes something impossible to possible. Unbelievable effort guys!! 👍👍👍
Just starting using and its great! I am using it for some small side projects. I do struggle to get from the design to CSS. It would be good if you offered a design export option. Not looking for clean code just something that will hold my hand in implementing the design
Hi James, an update for you - we now have Handoff Mode if you haven't seen already. This allows you to view the CSS code of components in your designs. Hope this helps!
Excellent video, but I have some questions. How can I view the codes for that design or template? How exactly can I deploy anything I created with Uizard to my app or GitHub to go public? Last Q, do I own the codes from any design or template I will generate? I would really appreciated it if I would get a reply to my questions. To be honest this is a positive feedback. Thank you
Hi! Thank you so much for your comment. At the moment, we do not have an export to code functionality. This feedback will be passed onto our internal team - if you have any other questions or feedback, please feel free to contact our support team. Have a great day!
Why is Figma export not a core feature of the product. Any design work is stuck here and has to be recreated. This creates costly rework and is double and triple the cost of using other design tools that have the capability. A big miss.
Hi all! Thanks for the feedback. This has been passed onto the internal teams. There is a new Uizard feature called handoff mode that allows you to view the CSS code for components in your project - hopefully this will help you with the next step of your journey as designer using Uizard 🪄
Brilliant tool. Surely the next step is to export this project as a live website that is continually editable and offer hosting options? And as others have suggested, export the code for other sites like wordpress.
thanks for your comment, and the feedback! We will take it on board. You can explore our export functions if you are on a Uizard Pro plan - you can export as an SVG file or get the React or CSS code. Hope that helps!
just started uizard since the last 3 days and I'm loving it. I just want to know if Uizard is just used for making website prototypes or make fully usable website. Im really sorry I'm a complete UI noob😅
Hi Himanshu! Uizard is for prototyping apps, websites, and UI design systems. Once you've completed your designs, you can export them as an image or invite your team/developers to review and leave feedback before final handoff!😃
Can I make working website here? Because I made the whole website, but then realised that I can't just publish it. Can I somehow export this project to another app or software to make it a real website?
Hi there! As Uizard is primarily a design tool, you cannot publish a website directly from Uizard. However, currently, our export feature is "Handoff" mode. In the right hand side of your project, you can select "Handoff", then click on any components in your design to view the CSS. This allows you download the assets you have made. Hope this helps!
Hi, I love everything I'm seeing. I need to design an app for a developer. When I export, will I have access to all the individual components in regards to shapes, vectors, text, etc. so that I can give it to the developer?
I'm sure this been asked before, but any thoughts on an integration with Figma? We have hundreds of designs for our products in Figma and aren't moving them any time soon. And, the templates feature wouldn't really be helpful unless it understood our design system, but some of these magic features could be really useful helping us get through being stumped on things and stuff.
While the tool is promising, how can I productionise this i.e. deploy and take it live. Say I designed a website here, what would I need to do to make it live?
Thanks for the comment. There are lots of ways you can continue your journey once you have designed a website, there are various export features, but to make a website live, you would use handoff mode to pass onto developers to create your website. Hope this helps!
hey! thank you for your questions. All you need to do is drag down the length of the screen (make it longer) and then when you preview at the end, it will scroll. Hope that helps!
I'm pretty interested in the tool. Is there any way to get a "one project" sample? I'm willing to pay for the licence, but i need to be sure it can help me (particularly tweaking the prompt to get the desired design). I'm working with data, and I need to build, let's say, a dashboard.
@@uizardio Thank you for your answer. I'm more like a "one project" licence, to see if the prompt is able to do the things I want using IA. I've use similar tools, and the results were not pretty even after several interactions with the AI. See, I'm working on a internal business process for tracking auditories, and I'm trying to "sell" the idea to my boss. That process includes of course an internal suite for schedulling and tracking the auditories, and even thought the logic will be built in a proper framework, I need first to "somehow" show to my team my idea. Uizard seems to be a nice tool to do this, creating the screens based on my requiriments, and maybe polishing them over iteration of promtps. But I won't be able to buy a license if I'm not able to try it first. Hope you understand.
Hey Aaron! At the moment our export options are JPEG, PNG, and PDF. If you have any feedback or suggestions on export options, please share them with support@uizard.io! The team would love to hear from you.
Hi, any way to add new screens to existing design generated by autodesigner? What i mean to ask is if a design was generated by autodesigner, can we add new screens to it using autodesigner only?
Yes you can! You can find the Autodesigner widget at the bottom of the editor. Once you generated a design simply open the widget and from here you can generate individual screens or entirely new themes from text prompts :)
When you create a website template and export. Does it mean it is only the design or the workflow that will be exported? Im trying to understand how I can have a functioning website by using UIZARD
Hi there! At the moment, you can create the designs in Uizard, but you will not be able to export to code or launch the design live as a website directly from Uizard. This is for design, mockup and ideation purposes, at the moment. I can pass on your feedback to the team. Many thanks!
@@uizardioTo understand then. I can only visually create a project but it will not work with any functionality or customers it is only a visual mock up?
Hi! Thank you for the feedback. At the moment this is how the copy paste functionality works. You can group components, copy and then drag and drop into the space you would like. This is currently the way to copy items to a different area of your project. Thanks again for the feedback, it will be passed onto the internal team.
Hi both. Currently you cannot publish an app or website directly from Uizard. Uizard is deal for those who want to create app or web designs to then share with a developer to publish. Hope this helps! 🪄
You cannot currently export into wordpress or publish the design as a website/app. But we are exploring export options :) Please feel free to send any further feedback or questions regarding this to our support team at support@uizard.io.
While this looks great for designer perspective, I would love to see an export feature that would allow to easily bring this to life with likes of React/NextJS project exports, essentially all of the components and the UI would be created for me and all I would have to worry about is creating the back-end API calls and feeding them into the front-end components. That said, I haven't used your product primarily for this feature and because I'm not a designer but more of a back-end person. A tool that could export code would save a lot of time and wouldn't make back-end engineers prototypes trash :D
thanks for your comment! We do have a handoff mode, where you can get the React and CSS. All you have to do is select what you want to export and click handoff in the platform. This is a fairly new update feature so may not have been outlined in this beginner's walkthrough (we will be doing an updated walkthrough with all of our new features soon!) Hope this helps.
Hi, thanks for your comment! You can upload an image from your phone but you will need to edit the project using the desktop app! When uploading the screenshot you want to edit, make sure you upload using the 'Screenshot Scanner' option in the magic menu.
God dammit guys why didn't you make this an enterprise level plugin with figma? I really doubt y'all are a better design tool than figma but this would be fucking AWESOME to have as a co-pilot in figma. ugh this is so cool nonetheless
hey! thanks for your feedback! We have recently launched a Figma to Uizard plugin that allows you to paste your Figma designs into Uizard and iterate on them using all of our AI-powered features. hope that helps for now, and I'll pass on your feedback to the team. Cheers!
Hi Joseph. There are templates included in the free plan. Out of curiosity, which templates would you like to see included in this plan that we don't have already? ☺
@@DjangoMx Hi there! We do not currently giveaway promotional codes for one month sub but we do have the option to sign up as a free account for you to get started, if that was an option for you? Thanks!
![Uizard Autodesigner Full Walkthrough [out now!]](http://i.ytimg.com/vi/PD5j7Ll7wLs/mqdefault.jpg)
![Uizard Autodesigner Full Walkthrough [out now!]](/img/tr.png)
DAMN! I'm impressed guys! I'm an AI enthusiast (iOS App dev) and I'm always looking for ways to leverage AI for developers to quickly prototype and create mobile apps. Great job, I'm loving it! 👏🎉
This is freaking awesome guys! I am a backend developer trying to design UI for a project. Your tool makes something impossible to possible. Unbelievable effort guys!! 👍👍👍
How are you using it once you have designed something?
This was jam packed with information for a seven minute video. Awesome stuff!
Just starting using and its great! I am using it for some small side projects. I do struggle to get from the design to CSS. It would be good if you offered a design export option. Not looking for clean code just something that will hold my hand in implementing the design
Hey James! Thanks for the feedback! Please reach out to support@uizard.io to share any further comments on export requests. Thanks, James 💛
Hi James, an update for you - we now have Handoff Mode if you haven't seen already. This allows you to view the CSS code of components in your designs. Hope this helps!
@@uizardio FANTASTIC, thanks for the follow up I will be sure to check it out :D
@@jamessmart7827 No problem at all! Enjoy using it!
This answered a numbers of questions I had, as I am not adept in AI development; I only have ideas for processes- thanks!
awesome to hear! enjoy using Uizard 😃
Excellent video, but I have some questions. How can I view the codes for that design or template? How exactly can I deploy anything I created with Uizard to my app or GitHub to go public? Last Q, do I own the codes from any design or template I will generate? I would really appreciated it if I would get a reply to my questions. To be honest this is a positive feedback. Thank you
Hi! Thank you so much for your comment. At the moment, we do not have an export to code functionality. This feedback will be passed onto our internal team - if you have any other questions or feedback, please feel free to contact our support team. Have a great day!
Why is Figma export not a core feature of the product. Any design work is stuck here and has to be recreated. This creates costly rework and is double and triple the cost of using other design tools that have the capability. A big miss.
Yeah like at least let us export the project files
This would be great.... add it to app markets ect
Hi all! Thanks for the feedback. This has been passed onto the internal teams. There is a new Uizard feature called handoff mode that allows you to view the CSS code for components in your project - hopefully this will help you with the next step of your journey as designer using Uizard 🪄
Once I create my app, will I be able to go live on my App Store and Google play store?
Thank you for comment. You cannot go live from Uizard directly to the App Store or Google Play store. Have a great day!
This is really impressive.Is it possible to use Uizard's APIs in a personal project ?
This project has come along way, amazing progress
Thanks for joining us on our magical journey ✨
Great but missing to export the project code wich is a real dealbreaker will it be on your roadmap
Hi! There are multiple ways you can export code from your project. Is there a specific type of code you would like to export?
Brilliant tool. Surely the next step is to export this project as a live website that is continually editable and offer hosting options? And as others have suggested, export the code for other sites like wordpress.
thanks for your comment, and the feedback! We will take it on board. You can explore our export functions if you are on a Uizard Pro plan - you can export as an SVG file or get the React or CSS code. Hope that helps!
Hey bro can you please tell me how do I save the projects from Uizard?
just started uizard since the last 3 days and I'm loving it. I just want to know if Uizard is just used for making website prototypes or make fully usable website. Im really sorry I'm a complete UI noob😅
Hi Himanshu! Uizard is for prototyping apps, websites, and UI design systems. Once you've completed your designs, you can export them as an image or invite your team/developers to review and leave feedback before final handoff!😃
Lets say I am creating an app can I export that design to any no code platforms like bubble?
Hey! Thanks for the question, at the moment you can export to PDF, PNG, and JPEG :)
Can we export these to a wordpress site with elementor ?
Thank you for your question. At the moment, you can export as a pdf, jpeg or png file only.
Can I make working website here? Because I made the whole website, but then realised that I can't just publish it. Can I somehow export this project to another app or software to make it a real website?
Hi there! As Uizard is primarily a design tool, you cannot publish a website directly from Uizard. However, currently, our export feature is "Handoff" mode. In the right hand side of your project, you can select "Handoff", then click on any components in your design to view the CSS. This allows you download the assets you have made. Hope this helps!
I’ve been using sketch and figma for year and this is a game changer.!
so cool to hear it! :D
¿export online like image or pdf ? ¿i cant download de code ?? its very pretty, but if i can't download the sourcecode it's useless
Hey, with a Uizard Pro subscription you can use Handoff Mode from the right-hand toolbar to export components in either CSS or React code!
I have a question: how do you actually export and make it an official app??
You can export your UI designs to handoff to a developer but you cannot directly make it an official app in Uizard. Hope this helps!
Hi, I love everything I'm seeing. I need to design an app for a developer. When I export, will I have access to all the individual components in regards to shapes, vectors, text, etc. so that I can give it to the developer?
Thank you! At the moment, you can use handoff mode to get the CSS code for components in your design :)
I'm sure this been asked before, but any thoughts on an integration with Figma? We have hundreds of designs for our products in Figma and aren't moving them any time soon. And, the templates feature wouldn't really be helpful unless it understood our design system, but some of these magic features could be really useful helping us get through being stumped on things and stuff.
Thanks so much for your question! This will be passed onto our internal teams.
While the tool is promising, how can I productionise this i.e. deploy and take it live. Say I designed a website here, what would I need to do to make it live?
Thanks for the comment. There are lots of ways you can continue your journey once you have designed a website, there are various export features, but to make a website live, you would use handoff mode to pass onto developers to create your website. Hope this helps!
@@uizardio Can you elaborate on the handoff mode a bit more? What is the output of a handoff mode? Do I take the design to Figma through it?
Press and hold SPACEBAR to move the view!
Can I use Uizard to add animation?
quick question how can we scroll in a screen
hey! thank you for your questions. All you need to do is drag down the length of the screen (make it longer) and then when you preview at the end, it will scroll. Hope that helps!
This is sooooo cool, cannot wait to have a crack!
We can't for you to have a go either! Let us know what you think when you have.
I'm pretty interested in the tool. Is there any way to get a "one project" sample? I'm willing to pay for the licence, but i need to be sure it can help me (particularly tweaking the prompt to get the desired design). I'm working with data, and I need to build, let's say, a dashboard.
when you say sample, do you mean a template? :) feel free to explain more about what you would like to build and I can try to help!
@@uizardio Thank you for your answer. I'm more like a "one project" licence, to see if the prompt is able to do the things I want using IA. I've use similar tools, and the results were not pretty even after several interactions with the AI.
See, I'm working on a internal business process for tracking auditories, and I'm trying to "sell" the idea to my boss. That process includes of course an internal suite for schedulling and tracking the auditories, and even thought the logic will be built in a proper framework, I need first to "somehow" show to my team my idea.
Uizard seems to be a nice tool to do this, creating the screens based on my requiriments, and maybe polishing them over iteration of promtps. But I won't be able to buy a license if I'm not able to try it first. Hope you understand.
Can i create AI's with the Autodesigner?? This is very important to me. pls reply
Hi, Autodesigner is designed to be used to create UI designs from a single text prompt. Hope that helps.
Hey team, great product … how can you export your design to cutover to an actual functioning site/your domain?
Hey Aaron! At the moment our export options are JPEG, PNG, and PDF. If you have any feedback or suggestions on export options, please share them with support@uizard.io! The team would love to hear from you.
@@uizardio Please create and export to figma I want to take my designs live and code them
Hi, any way to add new screens to existing design generated by autodesigner? What i mean to ask is if a design was generated by autodesigner, can we add new screens to it using autodesigner only?
Yes you can! You can find the Autodesigner widget at the bottom of the editor. Once you generated a design simply open the widget and from here you can generate individual screens or entirely new themes from text prompts :)
When you create a website template and export. Does it mean it is only the design or the workflow that will be exported?
Im trying to understand how I can have a functioning website by using UIZARD
Hi there! At the moment, you can create the designs in Uizard, but you will not be able to export to code or launch the design live as a website directly from Uizard. This is for design, mockup and ideation purposes, at the moment. I can pass on your feedback to the team. Many thanks!
@@uizardioTo understand then. I can only visually create a project but it will not work with any functionality or customers it is only a visual mock up?
Every time I try to copy things it never pastes it where I want it to go. It always paste like right under the original target. Why is that?
Hi! Thank you for the feedback. At the moment this is how the copy paste functionality works. You can group components, copy and then drag and drop into the space you would like. This is currently the way to copy items to a different area of your project. Thanks again for the feedback, it will be passed onto the internal team.
sir can you please tell how to publish the website which we made on uizard
Also, how do we publish the website we made a wizard and the app
Hi both. Currently you cannot publish an app or website directly from Uizard. Uizard is deal for those who want to create app or web designs to then share with a developer to publish. Hope this helps! 🪄
Is there a way to export to Wordpress?
UIzard is so underrated.
How do I export the design? Do I just design here and remake it on WordPress?
You cannot currently export into wordpress or publish the design as a website/app. But we are exploring export options :) Please feel free to send any further feedback or questions regarding this to our support team at support@uizard.io.
While this looks great for designer perspective, I would love to see an export feature that would allow to easily bring this to life with likes of React/NextJS project exports, essentially all of the components and the UI would be created for me and all I would have to worry about is creating the back-end API calls and feeding them into the front-end components.
That said, I haven't used your product primarily for this feature and because I'm not a designer but more of a back-end person. A tool that could export code would save a lot of time and wouldn't make back-end engineers prototypes trash :D
thanks for your comment! We do have a handoff mode, where you can get the React and CSS. All you have to do is select what you want to export and click handoff in the platform. This is a fairly new update feature so may not have been outlined in this beginner's walkthrough (we will be doing an updated walkthrough with all of our new features soon!) Hope this helps.
So I can only create ? I can’t export & run a website ?
for now, that is correct :)
Brother can you please tell me how can we publish it to google play store
You will need to develop the app seperately to Uizard and publish it that way. You cannot currently publish directly from Uizard. Hope that helps!
Desktop applications?
For sure :)
It doesn't Let me use images on my phone to make them editable
Hi, thanks for your comment! You can upload an image from your phone but you will need to edit the project using the desktop app! When uploading the screenshot you want to edit, make sure you upload using the 'Screenshot Scanner' option in the magic menu.
how do i download uizard on my pc
pls i need it
Uizard is browser based, so simply head to uizard.io to use it. No need to download the application.
The micro was created using uizard
God dammit guys why didn't you make this an enterprise level plugin with figma? I really doubt y'all are a better design tool than figma but this would be fucking AWESOME to have as a co-pilot in figma. ugh this is so cool nonetheless
hey! thanks for your feedback! We have recently launched a Figma to Uizard plugin that allows you to paste your Figma designs into Uizard and iterate on them using all of our AI-powered features. hope that helps for now, and I'll pass on your feedback to the team. Cheers!
sheesh! can't mock up template. Need to upgrade to pro plan to do step 1
Hi Joseph. There are templates included in the free plan. Out of curiosity, which templates would you like to see included in this plan that we don't have already? ☺
@@uizardio but nav template used here requires to upgrade to 'pro' plan
@@uizardio my bad you do offer 1 month free trial. I better avail that.
Can I get a promocional code to get a discount on a 1 month sub ?
I am not a UI/UX designer and I would like to use the IA tool for create a design a make it real on an android device
@@DjangoMx Hi there! We do not currently giveaway promotional codes for one month sub but we do have the option to sign up as a free account for you to get started, if that was an option for you? Thanks!
i can't believe this is real
it's real!
yea its not a free tool, cant export or download without premium and lot of other features which are only available in premium.
Too expensive.
Thanks for your feedback. We would be interested to know what your use case is? And what prices would seem reasonable to you. Thanks.
20 usd is little pricy. I wish it was 10 :(
It’s way too fast for me
Is there a particular part of the guide that you would like us to focus more time on? Happy to take suggestions!
Abdullah Cape
Young Carol Wilson Joseph Thompson Christopher
Wilson Michael Wilson Paul Lopez Eric