utada 发表于 2023-11-15 11:00

微软的Copilot怎么样 能根据UI设计图生成页面吗(或者GPT4)

想试试AI工作, 有个项目很多页面, UI在Figma,我用它的插件生成前端代码发现不怎么样, 微软的是否可以, 不需要一键成功,只要写对css代码就可以

Xerxes_2 发表于 2023-11-15 12:01

https://github.com/SawyerHood/draw-a-ui

utada 发表于 2023-11-15 14:22

Xerxes_2 发表于 2023-11-15 12:01
https://github.com/SawyerHood/draw-a-ui

这个好像是要你画一下的

乔槁 发表于 2023-11-15 14:40

v0.dev

utada 发表于 2023-11-15 17:27

乔槁 发表于 2023-11-15 14:40
v0.dev

不行,看了下面例子,复杂的没有人做

脑洞 发表于 2024-2-26 06:29

今天屏幕右下角突然出现了一个Copilot Pre, 看来是不请自来了(win11)

我帮你问了一下,

当然可以!以下是一些可以帮助您从 UI 图生成 CSS 代码的工具和框架:

Tailwind CSS:这是一个实用优先的 CSS 框架,允许您直接在 HTML 中使用类来构建任何设计。您可以使用类似 flex、pt-4、text-center 和 rotate-90 的类来创建样式,而无需离开您的 HTML。Tailwind CSS 适用于快速构建现代网站1。
Neumorphism:这是一个用于创建全新 UI 风格的工具。您可以在线调试 UI 风格并直接生成 CSS 代码2。
Pico.css:这是一个简单轻量的 CSS UI 框架,基于 HTML 原始标签和内置属性。它的代码语义清晰,易于维护,适用于构建自定义 UI 系统或快速小型项目3。
daisyUI:这是一个免费的 Tailwind CSS 组件库,用于构建响应式网站。它包含了美观一致的输入字段、按钮、表单等组件,并支持主题和自定义4。
如果您有特定的 UI 图或需求,请告诉我,我可以提供更详细的信息!

mimighost 发表于 2024-2-26 08:06

你需要gpt-4v,免费的应该没有

gx19860411 发表于 2024-2-26 08:41

mimighost 发表于 2024-2-26 08:06
你需要gpt-4v,免费的应该没有

4v没法自己画反而有时头痛。上周想生成个带汉字的logo结果一泡污

—— 来自 Xiaomi M2011K2C, Android 13上的 S1Next-鹅版 v2.5.4
页: [1]
查看完整版本: 微软的Copilot怎么样 能根据UI设计图生成页面吗(或者GPT4)