Back to Plugins
腾讯 CoDesign-HtmltoDesign(原DesignGenie)

腾讯 CoDesign-HtmltoDesign(原DesignGenie)

腾讯 CoDesign-HtmltoDesign,一款设计辅助工具,希望能帮视觉设计师简化设计灵感这一过程。

learningimportredesigndesignpageweburlwebsitehtmlcodeweb design

Plugin Preview

腾讯 CoDesign-HtmltoDesign(原DesignGenie) preview

About this plugin

Tencent CoDesign-HtmltoDesign offers designers a revolutionary way to work with its unique features:


Seamless Code-to-Design Conversion: Simply provide a website link, and DesignGenie will automatically generate a visual design draft, enabling instant conversion from code to design.


Real-Time Previews and Adjustments: Designers can view the design in real time and make personalized adjustments to meet project requirements.


Multi-Size Adaptation: Supports multiple screen sizes to ensure the design looks perfect on any device.


Dark and Light Modes: Offers both dark and light modes, depending on whether the source webpage supports these features.


Advanced Functions:

  1. Extract and generate icons and video elements in the corresponding visual design draft pages.
  2. Support generating as Auto Layout layer.



腾讯 CoDesign-HtmltoDesign (原DesignGenie)通过其独特的功能,为设计师提供了一种全新的工作方式:


代码到设计的无缝转换:只需提供网站链接,DesignGenie即可自动生成相应的视觉设计稿,实现从代码到设计的即时转换。


生成预览和调整:设计师可以实时查看设计效果,并根据项目需求进行个性化调整。


多尺寸适配:支持多种屏幕尺寸,确保设计在不同设备上均能完美展示。


增加深浅模式:提供深色模式/浅色模式(源自于源网页是否提供支持)。


高级功能:

  1. 提取生成相应的视觉设计稿页面中的图标、视频元素。
  2. 支持生成为自动布局图层。

Plugin Details

Version22
CreatedJuly 26, 2024
Last UpdatedFebruary 26, 2025
CategoryImport & export plugins
Creatorsachen
Stats1559 installs, 460 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:index.html
  • main:main.js
  • Document Access:dynamic-page
  • Network Access:

    We need

  • Editor Types:
    figma
  • Allowed Domains:
    • *