- 121
- 226 184
DhiWise
India
Приєднався 25 січ 2021
Convert your Figma designs into React and Flutter apps at a blazing-fast speed without compromising on code-quality and developer-experience.
How to automatically convert Figma to React
🚀 Try out the DhiWise: www.dhiwise.com/
Are you tired of manually coding every single component and design element from Figma to React? It’s time to stop doing it by hand and start leveraging AI to get convert Figma designs to React code entirely automatically.
CHAPTERS
0:00 Intro
0:37 Prepping your Figma designs for conversion
3:41 Creating reusable components
5:22 Making your project responsive
8:15 Syncing changes made in Figma
9:17 Exporting the code
10:50 Outro
Are you tired of manually coding every single component and design element from Figma to React? It’s time to stop doing it by hand and start leveraging AI to get convert Figma designs to React code entirely automatically.
CHAPTERS
0:00 Intro
0:37 Prepping your Figma designs for conversion
3:41 Creating reusable components
5:22 Making your project responsive
8:15 Syncing changes made in Figma
9:17 Exporting the code
10:50 Outro
Переглядів: 2 115
Відео
The Easiest way to convert Figma designs into HTML & CSS
Переглядів 4,7 тис.Місяць тому
🚀 Try out the DhiWise: www.dhiwise.com/ Are you still spending countless hours converting Figma Designs into HTML & CSS code? With DhiWise, design-to-code conversion became the problem of the past. In this video, you'll learn how to: - Generate clean, human-readable code - Create reusable components in the visual editor - Automatically sync changes made in Figma to code CHAPTERS 0:00 Intro 0:31...
Figma to Shopify Liquid in minutes
Переглядів 915Місяць тому
Struggling to translate your Figma designs into a stunning Shopify store? We'll show you how to seamlessly transfer your Figma prototypes directly to Shopify using the power of DhiWise. Read this step by step guide to know more: www.dhiwise.com/post/figma-to-shopify-liquid-with-dhiwise-a-step-by-step-guide Try it out at app.dhiwise.com If you need any help, reach out to us at help@dhiwise.com.
Introducing Multiple Code Configuration Settings with a brand new Dashboard UI! | DhiWise
Переглядів 122Місяць тому
Our brand-new dashboard at DhiWise is here. It is designed to give you better guidance, seamless navigation, and a more intuitive experience. Here’s what you can look forward to: 📚 Easy Access to Templates: Quickly find and use our ready-to-use templates to accelerate your development process and significantly reduce your GTM time. ⚙️ App Initialization and Code Configuration: Start initializin...
Introduction To WiseGPT
Переглядів 5 тис.11 місяців тому
WiseGPT is a one-of-a-kind promptless AI Code Assistant. WiseGPT analyzes your entire codebase to produce personalized, production-ready code without writing prompts. To know more about WiseGPT and signup now: www.dhiwise.com/wisegpt Join DhiWise Discord Community of 2k members: discord.gg/ghnmk7Mhbd #genai #WiseGPT #promptless #react #curl #postman #flutter #openai #ai #devtool #coding #fronte...
Flutter Development with WiseGPT: API Integration Walkthrough
Переглядів 2,7 тис.11 місяців тому
WiseGPT is a one-of-a-kind promptless AI Code Assistant. WiseGPT analyzes your entire codebase to produce personalized, production-ready code without writing prompts. In this video, we will briefly introduce how you can use WiseGPT on Flutter to integrate APIs at the endpoint of your choice for production-ready code. To Know more about WiseGPT and signup now: www.dhiwise.com/wisegpt Join DhiWis...
React Development with WiseGPT: API Integration Walkthrough
Переглядів 1,1 тис.11 місяців тому
WiseGPT is a one-of-a-kind promptless AI Code Assistant. WiseGPT analyzes your entire codebase to produce personalized, production-ready code without writing prompts. In this video, we will briefly introduce how you can use WiseGPT on React to integrate APIs at the endpoint of your choice for production-ready code. To Know more about WiseGPT and signup now: www.dhiwise.com/wisegpt Join DhiWise ...
Flutter Meetup 2023 | Flutter x BLoC | Vivek Yadav | Prashant Dalai | Sunny Prasad
Переглядів 768Рік тому
In this exciting Flutter meetup powered by DhiWise, we had the privilege to host three distinguished speakers who shared their valuable insights and expertise on various aspects of Flutter development. The meetup took place on 12th May 2023 at 9:30 pm IST on Zoom. *Speakers* 1. Vivek Yadav from Tata Digital (Tata Neu) 2. Prashant Dalai from Kadamba Softec 3. Sunny Prasad from PhonePe *Topics Co...
Getting Started with Auto Layout in Figma
Переглядів 1 тис.Рік тому
In this UA-cam video, we'll be discussing how to use Auto Layout in Figma to create flexible, responsive designs. Auto Layout is a powerful feature that allows you to quickly create designs that adapt to different screen sizes and content. Problem statement: Designing for multiple screen sizes can be a challenging task, especially when it comes to creating layouts that work well on both large a...
Learn & enhance your TypeScript skills, Figma to React + TypeScript [28 March Zoom Webinar]
Переглядів 865Рік тому
The webinar aimed to educate and enhance participants' TypeScript skills by discussing various topics such as Generics, static type-check in React, Type transformation, and tsconfig file. Speakers: Rakesh Purohit: iRakeshPurohit Talmeez Ahmed: Tazzz97 Build your React app with Typescript using DhiWise: dhiwise.com/?Support& Join DhiWise Discord Community for more such ev...
Announcing TypeScript support for your React web apps in DhiWise #typescript #react #figma
Переглядів 204Рік тому
DhiWise is here yet again to ease your development journey. We are announcing Typescript support in React web apps. Now your projects have an added security layer, excellent code compilation, and uninterrupted third-party integration. Come check this at bit.ly/3npNBtN #typescript #reactjs #figma
What are some hidden gems of tsconfig file? #typescript
Переглядів 102Рік тому
Working with tsconfig file will require a little care because it is the most important file that helps you set up the configuration of your application. Here, we are discussing some of the hidden gems of tsconfig file. To learn more, join us on 28th March 2023, Tuesday 10 AM PST [10:30 PM IST] for a Zoom webinar. Link to register: us06web.zoom.us/webinar/register/7616789634068/WN_M8A8uG7fQgi8HU...
Why do you need a static type-check for React?
Переглядів 113Рік тому
According to The State of JavaScript 2022, 55.7% of JavaScript developers miss static type-check during software development, and we at DhiWise are going to solve that for you. To learn more about it, join us on 28th March 2023, Tuesday at 10 AM PST [10:30 PM IST], for a Zoom webinar. Link to register: us06web.zoom.us/webinar/register/7616789634068/WN_M8A8uG7fQgi8HUJ5mQc_OA #reactjs #typescript...
What is Generics?
Переглядів 310Рік тому
Generics is a topic with many use cases in programming. This video contains some of them. To learn more, join us on 28th March 2023, Tuesday 10 AM PST [10:30 PM IST], for a Zoom webinar. Link to register: us06web.zoom.us/webinar/register/7616789634068/WN_M8A8uG7fQgi8HUJ5mQc_OA #typescript #javascript #generics #reactjs
Create Custom Components in React with DhiWise
Переглядів 3,8 тис.Рік тому
Create Custom Components in React with DhiWise
DhiWise UI Kit 2.0 #DhiWiseUniversity
Переглядів 1,7 тис.Рік тому
DhiWise UI Kit 2.0 #DhiWiseUniversity
Deploy DhiWise React app to Vercel #DhiWiseUniversity
Переглядів 1,2 тис.Рік тому
Deploy DhiWise React app to Vercel #DhiWiseUniversity
Protected routes in DhiWise React app #DhiWiseUniversity
Переглядів 617Рік тому
Protected routes in DhiWise React app #DhiWiseUniversity
Publish your Android app to the PlayStore #DhiWiseUniversity
Переглядів 1,3 тис.Рік тому
Publish your Android app to the PlayStore #DhiWiseUniversity
Design an E-commerce app in Figma #DhiWiseUniversity
Переглядів 2,4 тис.Рік тому
Design an E-commerce app in Figma #DhiWiseUniversity
Sync your DhiWise apps to GitHub/GitLab #DhiWiseUniversity
Переглядів 1,3 тис.Рік тому
Sync your DhiWise apps to GitHub/GitLab #DhiWiseUniversity
Design Better for auto-action setup in DhiWise #DhiWiseUniversity
Переглядів 1,2 тис.Рік тому
Design Better for auto-action setup in DhiWise #DhiWiseUniversity
Source code review of a Flutter app built with DhiWise #DhiWiseUniversity
Переглядів 2,3 тис.Рік тому
Source code review of a Flutter app built with DhiWise #DhiWiseUniversity
Integrate API to Screen : On click event #DhiWiseUniversity
Переглядів 2,5 тис.Рік тому
Integrate API to Screen : On click event #DhiWiseUniversity
Integrate API to Screen : onReady lifecycle method #DhiWiseUniversity
Переглядів 1,1 тис.Рік тому
Integrate API to Screen : onReady lifecycle method #DhiWiseUniversity
for download code is not coming
Please make an updated video explaining how Figma prototype animations are converted to code via the DhiWise platform. Consider showcasing different styles of basic Figma animations like carousels, tickers, snapped-scrolling, etc. This would help not only me, but other people out too who are stuck and confused on keeping your prototypes on Figma and have them convert to code via DhiWise. Please consider it, it'll help a lot of people out including me 🙏🙏🙏🙏🙏🙏🙏
Please make an updated version for this showcasing a Figma file with different Figma prototyping animation types like carousel animations, smart animate layers, after-delay animations, etc.
thanks bro :)
how to download dhwise figma to code
Thank you for reaching out. To download the code, you need to purchase a Pro plan. Once you purchase the plan, you'll be able to download the code.
i cannot download the code
is it paid
yes
Why you don't tell us that it's not free
You are free to see live preview of the code and the output before chosing to pay us to download code. You can also view the code for your entire project without paying. This way you are confident on the code quality before you ever use us. So go ahead and process unlimited screens from your Figma. You are only requested to pay to download the code if you like the output we generated.
@@dhiwise lol
Does it also supports reactions such as overlay, navigations, animations?
Yes, we do support navigations, i.e., Figma prototype to navigation codes in all the platforms we support. We also support link navigations and back navigations by identifying the components via our AI. We also support overlays like drawer, box and popups. As for animations, we have yet to start supporting them.
can I also generate an Figma animation with the codes?
Currently we do not support animations to code.
What about JS, and interactive functions?
We generate JS code related to limited interactivities like Sliders, Tabs, ChipView, Drawers, Modal, Country pickers, OTPview, PhoneNumberInput, and QuntityInput. More like floating labels are coming soon.
Don't ignore JavaScript!!! Show how your AI is capable of writing scalable code through Redux as well!!!
Although some developers do prefer using Redux in HTML, CSS, and pure JS projects, we currently aren't supporting it.
how to delete a dhiwise project, i accidentaly clone multiple project
Kindly reach out on our Discord server for help: discord.com/invite/rFMnCG5MZ7
its not free anymore to export?
No. Code exports or sync are no longer free. However, you can view the generated code and also share live previews of your designs.
the code won't download
The code does download and sync with your preferred IDE. However, this is no longer free. But you can still view the code and share the live preview.
Hey guys, cool video. Where's the template Figma file with the assets for this app?
Hello! Thank you for your kind words. We're sorry, but we cannot share this app's Figma file. However, you can access other E-Commerce templates in our app using this link: www.dhiwise.com/templates.
Whoever edited the music thought more of their song than they did of your content :)
Thank you for your feedback. We will take care of this next time.
kindly kee it free and easy... also add suggestiosn...
is this can only do api integrattion?
Hi! WiseGPT does more than just API integration. It helps you translate your Figma design to code and also allows you to generate any new screen for your existing projects too using your existing coding structure and libraries.
Hii dhiwise i can't generate code through create from template in dhiwise react builder with CRA/VITE please help me
Hello, for any such queries please reach out to our support team on help@dhiwise.com or join our Discord community using this link discord.com/invite/rFMnCG5MZ7. Thanks!
If I want to resend the changes I made locally to Dhiwise, how can we synchronize this? For example, I need to re-update env or EP changes with every Dhiwise project update.
Hello, for any such queries please reach out to our support team on help@dhiwise.com or join our Discord community using this link discord.com/invite/rFMnCG5MZ7. Thanks!
can you please create subtitles in English? youtube's automatic translation is very bad.
Thank your feedback! We will pass this to our video creation team :)
can i create a responsive application in flutter for web and mobile app
You can create a responsive app using DhiWise. However the technologies supported for mobile are Flutter, Android and iOS and for web are React, Next.js and HTML.
is this free
DhiWise is free to get started with. You can share the preview links and once you are satisfied with the code generated, you can choose to upgrade to a paid plan :)
Looking for a coder/consultant/developer than can do this for me. I have Figma File. need to convert to Swift and Kotlin and for it to be able to accept API's, download code to own for future development and build on later. I am being told that it is a 3 month process to get a Figma file of 50 unique screens to an app to market. I need a reputable person/vendor with experience in this space. Will need to sign NDA and yes, I am willing to pay a reasonable rate.
Hey! you can reach out to our Discord community for this. Here's the link- discord.com/invite/rFMnCG5MZ7. Thanks!
Beauty!
where can I find the Figma file of this video?
Hello! We're sorry, but we cannot share this app's Figma file. However, you can access other E-Commerce templates in our app using this link: www.dhiwise.com/templates.
where can I find the Figma designs of your templates?
Hello! We're sorry, but we cannot share our Figma files due to confidentiality. However, you can access other templates in our app using this link: www.dhiwise.com/templates.
Mr/s Dhwise: Sorry, im newby; but what happen when i got 1509 products on a DB and i whant update new products, product list and images from url, etc???
Hello, for any such queries please reach out to our support team on help@dhiwise.com or join our Discord community using this link discord.com/invite/rFMnCG5MZ7. Thanks!
can you made step by step guide from setting up a virtual screen on android studio to preview
can we do this for react native applications?
Hi! DhiWise does not have support for React Native at the moment.
Can i use css module?
I am always super excited, that someone in India built such a thing
Thanks for this content but the music in the background is louder than the voice-over and the voice-over is really low. The animation is great.
Noted! We'll take care of it next time.
Where will we get the stock market template like u got first
We designed it for ourselves. Here's the link: www.figma.com/file/xCX6pyti8lPkjM6PvRl1r7/Investie
Has no one mentioned the background music is distracting?
Thank you for drawing our attention to this detail. We will keep this in consideration for future videos.
Hello Mate...waiting for below tutorial and simple onboard application with the end to end scenario please? Authentication - Coming soon Data binding - Coming soon Manual Coding - Coming soon Deploy the app - Coming soon
Flutter Builder Playlist: ua-cam.com/play/PLMJ0858-zE7QDVlERJgOT9PcNtc32X4yj.html React Builder Playlist: ua-cam.com/play/PLMJ0858-zE7QtF1_TtMlyDviUSqmsIDXx.html
Create folder or workspace before click on button Sync Code
waiting like an ANIMAL !!! amazing how can you make it so simple :) 👋👋👋🙏🙏🙏
Mam mujhe mobile Number se registration karni kese hoga ?
Hi, I have tried Dhiwise to create my application but the entire code has inline styling. Is there a work around to use Material UI components instead of raw code everywhere?
I took a template from dhiwise but should we do in that can you guide me
As a professional UX Product Designer with programming fundamentals I have been using dhiwise to build simple yet high level grade applications for clients in my region. Thanks to the team for giving me a dream come true tool to finally build dreams i Design daily for free
Thank you for your kind words! It would be great if you could write a detailed feedback to us on help@dhiwise.com and also share any suggestions that you may have.
1:39 craaazy right? haha yes it is, amazing!
It's is free?
It's is free ?
hey can you please tell me where to get the token from DhiWhise to sync the code to ide ????
Please connect with us on Discord: discord.dhiwise.com to resolve your queries.