Тёмный

The Easiest way to convert Figma designs into HTML & CSS 

DhiWise
Подписаться 3,3 тыс.
Просмотров 6 тыс.
50% 1

🚀 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 Designer-developer handoff
1:43 Exporting the design
4:45 Responsive design
5:42 Inspecting the code
9:35 B.E.M explained
10:11 Outro

Хобби

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

 

2 авг 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 17   
@zodiarkesper6073
@zodiarkesper6073 Месяц назад
Does it also supports reactions such as overlay, navigations, animations?
@dhiwise
@dhiwise 24 дня назад
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.
@SupercarsOnAsphalt
@SupercarsOnAsphalt Месяц назад
can I also generate an Figma animation with the codes?
@dhiwise
@dhiwise 24 дня назад
Currently we do not support animations to code.
@googlygoogle7073
@googlygoogle7073 Месяц назад
What about JS, and interactive functions?
@dhiwise
@dhiwise Месяц назад
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.
@johnmahugu
@johnmahugu 10 дней назад
thanks bro :)
@dhiwise
@dhiwise День назад
You're welcome!
@kaylawton595
@kaylawton595 2 дня назад
This looks like a great product! I am a beginner designer and beginner front end web developer, can I still use this product? Or is it for more advanced developers?
@dhiwise
@dhiwise День назад
Yes, absolutely you can. It's made with beginner developers in mind. Do share how was your experience using us.
@alondubuisi5621
@alondubuisi5621 27 дней назад
Why you don't tell us that it's not free
@dhiwise
@dhiwise 24 дня назад
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.
@alexandrshatilov8227
@alexandrshatilov8227 13 дней назад
@@dhiwise lol
@sayantaniguha8519
@sayantaniguha8519 Месяц назад
Don't ignore JavaScript!!! Show how your AI is capable of writing scalable code through Redux as well!!!
@dhiwise
@dhiwise Месяц назад
Although some developers do prefer using Redux in HTML, CSS, and pure JS projects, we currently aren't supporting it.
@Bhanu.Prakashh
@Bhanu.Prakashh 19 дней назад
is it paid
@xep1x
@xep1x 6 дней назад
yes
Далее
Reacting to 21 Design Portfolios in 22 Minutes
22:41
Просмотров 536 тыс.
This AI Tool Converts Figma to Code in ONE Click🤯
13:15
Brawl Stars Animation: PAINT BRAWL STARTS NOW!
00:52
How to automatically convert Figma to React
10:57
Просмотров 2,5 тыс.
13 Figma To React Converters Ranked
16:02
Просмотров 26 тыс.
Figma Dev Mode 🤯
14:26
Просмотров 49 тыс.
The Easiest Way to Build Websites
10:56
Просмотров 409 тыс.
UI Libraries Are Dying, Here's Why
13:28
Просмотров 288 тыс.
5 Design Patterns That Are ACTUALLY Used By Developers
9:27
7 Portfolio Websites designers NEED to see
6:14
Просмотров 185 тыс.
Award Winning Animation With Only 20 Lines Of CSS?
6:59
Fast and Furious: New Zealand 🚗
0:29
Просмотров 43 млн
World’s Largest Jello Pool
1:00
Просмотров 100 млн