Clone Any Website with AI and publish it online for FREE

Подписаться 2,9 тыс.

Просмотров 75 тыс.

50% 1

This is MINDBLOWING!
We show how to use AI to:
- CLONE any website
- PUBLISH the clone online!
- EDIT the clone online
All this for FREE and super fast thanks to AI, Yotako and Figma.
You will need:
- Figma and two plugins: Html to Design & Figma to WordPress
- Nothing else :)
In this step-by-step video tutorial, we'll show you how to effortlessly clone any website and transform it into a fully functional WordPress site using AI and two powerful plugins - "HTML to Design" and "Figma to WordPress by Yotako".
Whether you're a beginner or an experienced WordPress user, you'll learn the entire process from start to finish, including how to publish your cloned website online with a domain of your choice, edit it as a design or even change anything online in your clone. Unlock the potential of Figma and WordPress, and create stunning websites with ease with AI by Yotako!
Subscribe now and let's get started on your website cloning journey!
PLUGINS:
Figma to WordPress - by Yotako
bit.ly/45jHNCI
Html to design
www.figma.com/community/plugi...
WEBSITES:
Yotako: yotako.io
Figma: www.figma.com
COMMUNITY:
Share your cloned websites at community.yotako.io/
and in the comments below!
DISCLAIMER:
We want to emphasize that all trademarks and brand names we may use, such as Figma and WordPress, are registered and belong to their respective owners. We have no intention of claiming ownership or association with these trademarks. Our tutorial is solely for educational purposes to showcase the capabilities of the mentioned plugins.
Audio License:
Background Music: Clarity by tubebackr / tubebackr
Creative Commons - Attribution-NoDerivs 3.0 Unported - CC BY-ND 3.0

Наука

Опубликовано:

19 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 107

@yotako_io 9 месяцев назад

Check how to update a living website in our next video! No coding required! 🚀 Redesigning a Customer's living website with #ai #figma and #yotako ! 💡 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-NtzZv6WbRaQ.htmlsi=L8XruPTFGY4k_Nl6 Check it out!!!

@opinioesemvideo 5 месяцев назад

Can it convert to Elementor instead of Gutemberg?

@MsLilo09 6 месяцев назад

Thanks. How about functions such as online shop, and appointment app - how do I integrate to the cloned URL? Many thanks!

@alimottaghian6579 10 месяцев назад

This is amazing!

@yotako_io 10 месяцев назад

Thanks @alimottaghian6579 !!! Please share your clones with us, here in the comments or with the COMMUNITY at community.yotako.io!

@thewebstylist 4 месяца назад

This is too good to be true! Is all responsive to?! It’s time I finally learn Figma

@yotako_io 4 месяца назад

Let us know if you need anything!

@alfonsogarcia3008 10 месяцев назад

This is mind-blowing 😮

@yotako_io 10 месяцев назад

Thanks @alfonsogarcia3008!

@adelmn4388 6 месяцев назад

Hola Benjamín, necesito ayuda, cuando estoy en el lienzo de figma y le doy a la extensión de html to design para que me de opción a pegar la URL de la página que quiero clonar. No me sale para pegar la web, sino que me sale lo de los tamaños para hacer captura completa o selección. He intentado arrastrar el archivo h2d a el lienzo de figma y tampoco hay manera. El resto del proceso me ha quedado claro solo tengo problema en el paso que te he indicado 🙏🏼🙏🏼

@yotako_io 6 месяцев назад

¡Muy buenas! Parece que estás utilizando la extensión de Chrome de HTML to Design, y efectivamente veo todo lo que comentas. Si te fijas en el vídeo, NO estoy usando la extensión, sino el plugin de HTML to Design en Figma (www.figma.com/community/plugin/1159123024924461424/html-to-design). Prueba a instalar el plugin para Figma, y verás que podrás clonar cualquier página web sin problema. Saludos

@visualmodo 10 месяцев назад

Really good content!

@yotako_io 10 месяцев назад

Thanks a lot @visualmodo!

@krishnagupta9099 5 месяцев назад

Bhai lekin kohi website me header me slider hota hai so woh kaise clone kare

@thalamalaharshith9829 8 месяцев назад

hey thanks for the informative video but i think we can only build the cloned website for either a desktop or an mobile/tablet how can we tailor it the designs to run on both ?? with out any glitches like you know where im getting at

@yotako_io 8 месяцев назад

You can combine both Desktop and Mobile of course. Use the html.to.design plugin to import all the resolutions you need for a page (desktop, tablet, mobile, etc.), then combine them in one page with our Figma to WordPress plugin as shown in this video: ru-vid.com/group/PLlMEm-QaNKWR2GLQtdxVG5s4xK1yznbiu&si=JDJvzroX8F8Wqbl8 Hope this helps!

@vj4776 9 месяцев назад

Thanks for the video, but please how about it, if we want to change some features like color or something like that what should we do?

@yotako_io 9 месяцев назад

Hey @vj4776, you can change colors and other design aspects directly inside WordPress using the block editor (aka Gutenberg). We have a video covering this, check it out: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-vQH8N93pb8Y.htmlfeature=shared You can also do it in Figma for heavy design changes as shown in this other video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-NtzZv6WbRaQ.htmlfeature=shared Let us know if this helps and please share your designs and websites with us at community.yotako.io

@ManojKumar-vq2pv 5 месяцев назад

Thanks . You did what i want.

@yotako_io 5 месяцев назад

Glad we could help! Let us know if you need anything on our end!

@wickedpichu571 10 месяцев назад

This is gold ❤

@yotako_io 10 месяцев назад

Thanks a lot! Please share your clones in the Community at community.yotako.io :)

@user-yq6kt9sv1f 6 месяцев назад

@@yotako_io😊

@jwashington54 4 месяца назад

This is great! Can you also add an online shop plugins?

@yotako_io 3 месяца назад

Yes of course, you can add everything you want. We provide a normal WordPress theme that you can install in any WordPress hosting. If you use our hosting plans, you can install any plugins you want as well. Check them out at: yotako.io/pricing

@user-jf6px5wr7k 3 месяца назад

Very cool. Are you able to clone an entire website or just the homepage of a website?

@yotako_io 3 месяца назад

Thanks! The design is done with the plugin HTML to Design as shown in the video, so you clone everything you import with that plugin!

@KarimMaassen 10 месяцев назад

Interesting!

@yotako_io 10 месяцев назад

Thanks @KarimMaassen for your comment! Please share your clones with us, here in the comments or with the COMMUNITY at community.yotako.io!

@elenae.9503 6 месяцев назад

will this be more of a static page? or will it have the functionalities of the original website?

@yotako_io 6 месяцев назад

Full WordPress website with all the dynamic WordPress elements (forms, posts, menus, etc). Our AI(s) detect them in the design and put them inside WordPress for you so you can work with them in WordPress, change them if need it, etc.

@elenae.9503 6 месяцев назад

@@yotako_io really appreciate your reply, I was asking more for hovering functionalities and parallax features things like that.

@Noteswithdave 4 месяца назад

@@elenae.9503yeah, me too. Does it copy the animations and all?

@micharosevelli1105 9 месяцев назад

does it also copy the responsiveness of the user interface ?

@yotako_io 9 месяцев назад

Yes, the HTML 2 Design plugin allows you to import a page in different resolutions. Then you can use them all in the Figma to WordPress plugin as we show in these short video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-YjR7FyI-_qo.html Share your questions, designs and websites with us at community.yotako.io

@L0C00L 12 дней назад

No idea hwere that plug in is! but its not in my version.

@scottflair4510 9 месяцев назад

Swears, this is awesome

@yotako_io 9 месяцев назад

Thanks a lot! Share your designs and websites with us at community.yotako.io

@learnweb4free 9 месяцев назад

hi Yotako, how can i make a responsive design? im just getting desktop view.

@yotako_io 9 месяцев назад

Hey @learnweb4free, you just need to add the responsive versions of your page to your design. Check this 30 seconds tutorial showing how to add Desktop and Mobile versions to the same page: - Figma: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-YjR7FyI-_qo.html - Adobe XD: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-WVsPHkfiBig.html Feel free to ask any questions or request our help anytime in our forums at community.yotako.io. Good luck!

@polo8132 7 месяцев назад

You know any way to download the website and upload it on a different hosting

@yotako_io 7 месяцев назад

We have a video showing exactly this: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-NtzZv6WbRaQ.html The video shows how to download the generated theme from a Figma design and upload it to the customer's server. Let us know if this works for you!

@robyxify 9 месяцев назад

can i also change the subpages content?

@yotako_io 9 месяцев назад

Yes! You can do it in two ways: 1- By editing the Figma design directly, check out this video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-NtzZv6WbRaQ.htmlsi=x9d6zfHNGCZXjxIN 2- By doing small editions inside WordPress with their native block editor, please check it here: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-vQH8N93pb8Y.htmlsi=f6PxSbLYC7fDrOX5

@user-fn9nx8qu9d 4 месяца назад

It is asking to buy when i click on download theme. No more Free version is available

@yotako_io 4 месяца назад

There is always a Free plan, please check hosting plans here: pricing

@user-su9xk3vm7y 3 месяца назад

Thankyou sir

@yotako_io 3 месяца назад

You're very welcome! Share your Figma designs and WordPress themes with us at community.yotako.io :)

@micharosevelli1105 9 месяцев назад

Hello can I clone multiple pages at the same time

@yotako_io 9 месяцев назад

Not sure at the same time, you need to check the HTML 2 design plugin for this. Anyways cloning one just takes a moment as you saw in our video :)

@maccarthyquest5219 2 месяца назад

This works For Only HTML files but could you do a vid to clone an entire ecormmerce website?

@yotako_io 2 месяца назад

Hi, this clones the full theme, including PHP, HTML, CSS, JS, etc. not only html. You can also follow this process for an e-commerce website, and after the process use woo for your products/checkout or any external paying system like Stripe. Hope this helps!

@AiJuicy_ 4 месяца назад

Does It have Admin panel for the cloned website?

@yotako_io 4 месяца назад

Yes, you have a normal WordPress dashboard where you can manage everything.

@jacksonteh1508 3 месяца назад

Hi I have cloned the website and run the "Figma to Wordpress", but when it done can't preview and any button also can't press

@yotako_io 2 месяца назад

Hey @jacksonteh1508, Send us an email from the same address you used in the Figma to WordPress plugin and please include your Figma URL. We will have a look and come back to you asap! Thanks!!!

@jacksonteh1508 2 месяца назад

@@yotako_io Bro is ok, I able to done it dy. Just curios one more Q, could it clone from Figma site?

@jacksonteh1508 2 месяца назад

@@yotako_io No worry bro, already got it !

@Mahmoud_gamer 2 месяца назад

I solved the problem with you or not because I made a clone of the site. When I enter the WordPress, it is not possible to press any button, just the main page of the site, and there are no components or anything inside the WordPress inside it.

@musicaperstarebene 9 месяцев назад

Very nice video. Only music is too loud.

@yotako_io 9 месяцев назад

Thanks a lot for your feedback, we will certainly take it into account for the next videos!

@osamaelawad1428 5 месяцев назад

Can Please clone Backend file , that sign/Up and sign/in works?

@guest3858 Месяц назад

saar please reedem saar

@osamaelawad1428 Месяц назад

@@guest3858 What mean of saar please

@RaffiRexer-dp4qt 2 месяца назад

how can I clone a website that wasn't build in WordPress?

@yotako_io 2 месяца назад

It's the same process, you only need the URL of the website, it doesn't really matter if the website you're cloning was build on WordPress or not.

@vj4776 9 месяцев назад

And please can the back end be cloned too?

@yotako_io 9 месяцев назад

Let's see what we can do. Please write us to hello@yotako.io.

@ismakhouajja2741 9 месяцев назад

what if i need to add a CONTACT form and connect it with Elementor BUILDER?

@yotako_io 9 месяцев назад

Hey @ismakhouajja2741, all the elements in a contact form are already operational, inputs can be used, etc. We are adding native support to send the filled forms to your email automatically super soon! If you need this as of today just write me at melanie@yotako.io. We manually add any elements our AI(s) can eventually miss or elements are not currently supported, as this one. This manual support is free, super fast and we give it to all our paying customers. As for Elementor I'm afraid we don't support it as of today as all our themes are compatible with WordPress native block editor (aka Gutenberg, check it here: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-vQH8N93pb8Y.htmlsi=ntqbOfbIefvGJXM8) so you don't really need to pay for expensive builders.

@harsharowdur5768 8 месяцев назад

Question

@yotako_io 8 месяцев назад

@@harsharowdur5768 Yes? :)

@user-eh8qi3ro8y 6 месяцев назад

Is this still working? If i got my own domain, and own server?

@yotako_io 6 месяцев назад

Yes, you can download the theme and install it on your own server later by manually uploading it. We offer our own hosting for convenience so your themes are automatically sync with your hosting everytime you update it, plus we manage backups, security, CDN, SSL certificates, updates, and much more. You can also buy your domains with us or transfer yours 🙌 Whatever your choice is don't hesitate if you have any questions!

@claragoodlow4377 7 месяцев назад

Can you copy a social media site

@yotako_io 7 месяцев назад

you can copy any website!

@thewebstylist 4 месяца назад

Oh wow I just checked out your website and it is not mobile friendly responsive at all I would definitely make that a priority to fix

@yotako_io 4 месяца назад

Did you design the mobile version of your landing too? Add it as shown in this short video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-YjR7FyI-_qo.htmlfeature=shared

@fitandvirile 8 месяцев назад

How can I host the cloned website on a different hosting such as Hostiger

@yotako_io 8 месяцев назад

You just need to download the theme and uploaded to your hosting. Check this video where we do it to revamp a client's website in a hosting different to Yotako: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-NtzZv6WbRaQ.htmlfeature=shared

@razuahammad55 9 месяцев назад

What about Elementor website?

@yotako_io 9 месяцев назад

Hey @razuahammad55, No need to pay for expensive page builders like Elementor! Most of our customers design in Figma, create their themes and do last touches (mostly non design related) directly inside WordPress with the native WordPress block editor. We have a video covering edition inside WordPress with nice use cases here: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-vQH8N93pb8Y.html Give it a try and let us know what you think at hello@yotako.io or in the community at community.yotako.io. Thanks :)

@ideas3167 8 месяцев назад

where to download- yotako?

@yotako_io 8 месяцев назад

Check this video, you can see how we download the theme after 3:50 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-NtzZv6WbRaQ.htmlfeature=shared

@ioanniskamitisis2724 8 месяцев назад

internal links and images?

@yotako_io 8 месяцев назад

all work of course!

@faizan5381 10 месяцев назад

Awesome. But when i follow your instructions completely, it doesnt show any "yokato" domain on search and even "add to card" button doesnt show just below search button

@yotako_io 10 месяцев назад

Just write any word and the subdomain option will appear.. Regarding the button, we are always improving / simplifying the flow for our customers, so the interface may vary a little with respect to the video, but you can always Clone any website on a Free plan ;)

@faizan5381 10 месяцев назад

@yotako_io i did write multiple combo of words, but no yokato subdomain appreared. only the ones to be bought were show

@nishudwivedi3478 4 месяца назад

How to get the code of this website

@yotako_io 3 месяца назад

To download the theme with all the code follow this video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-FZzCLWy9260.html You can also publish it directly to our hosting in a click (click on the Publish button in your theme) if you don't want to touch the code :)

@georgesparsis7054 6 месяцев назад

I am wanting to know more ...

@yotako_io 4 месяца назад

Let us know how can we can help you converting your designs from Figma to WordPress!

@androidm2841 8 месяцев назад

Can i clone any (AI WEBSITE) ??

@yotako_io 8 месяцев назад

Give it a try! :)

@androidm2841 8 месяцев назад

@@yotako_io Can I clone another website that uses Al within it? Would it just be the form that is copied, or the function too?

@user-lt1be7cs2e 10 месяцев назад

The free access is not available

@yotako_io 10 месяцев назад

Yes it is! Our FREE plan is there. Please check yotako.io/pricing. Let us know if you have any questions! :)

@fscmedia9077 10 месяцев назад

no subdomains appear when its searched, tried everything@@yotako_io

@douglas1001967 8 месяцев назад

Create a Figma to Elementor Version

@yotako_io 8 месяцев назад

how much would you be willing to pay for such a thing : )

@milensys1 10 месяцев назад

@yotako_io 10 месяцев назад

That's the reason we add the disclaimer at the beginning of the video. Thanks for your comment!

@baburao5350 4 месяца назад

Wasted time. It's not good clone. If someone gives some minor changes in desgin or color then what we will do?

@yotako_io 4 месяца назад

Clones are indeed super good, exactly as your Figma design is. You can also edit minor changes in design or color as well, both in Figma or inside WordPress as we show here: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-vQH8N93pb8Y.htmlsi=ypQFy9tgFfIF8yhx