最近我发现美式漫画的布局风格非常适合用来当做 ai 视频的,分镜本出视频的效果都很惊艳。美漫风格通过清晰的风格布局和对话框,给 simon 二点零清晰的标示分镜边界和阅读顺序。来看看具体制作流程。我们锁定这个位置,上传好人物参考图。 这里只是测试效果,所以提示词我只是简单写一句实际使用时具体的分镜情节,提示词根据你的内容剧情来写就好。我们用 gpt emoji 二模型来生成一张二 k 的 漫画图, 等待几十秒图片就生成好了。这个工作流能成立的前提就是依靠 emoji 二强大的文字生成能力,可以保证文本不出问题。 把生成的图片下载好,切换到视频生成模式,上传分镜图,选择 cds 二点零模型。同样,我这里简单写一句提示词,具体内容可以根据你的剧本情节进行调整,图片参考一定要选择多参考。这次我们做一个十五秒的横屏视频看看效果, 现在是十点十五分,看看生成完要多少时间。视频生成完了又是六分钟,来看看效果。 嗨,你是谁?我叫芬恩,我是云逸,你饿了吗?这是我最后一条鱼了,谢谢你,芬恩。哇,这感觉太棒了。 有你在,冒险一点也不可怕,我们是最好的朋友,对吧?永远可以看到由美漫故事版到视频生成的效果还是很好的,人物一次性的分镜切换都做的不错。同理,我们也可以用这个流程来做任何的流畅镜头叙说剧情,比如美食制作流程,动作系等等。 我们再用同样的方式做一版拉面制作的视频,只不过这次在提示词里把拉面的流程给定好, 锁定这个位置做 ar 视频不排队。
粉丝1337获赞1.4万

是谁还没学会 emoji 二出故事版分镜图加 cds 二点零出视频,这个工作流直接来到这个位置,输入分镜本提示词,提示词模板里填写好你剧本情节需要的镜头内容,选择 gpt emad 二模型,生成一张十六比九的二 k 或四 k 画质的分镜图, 简单等待几十秒就可以出图。这个工作流最核心的就是 image 二,强大的文字生成能力可以保证描述精准。我们下载好图片,点击上传,简单写一句提示词,视频生成模型,选择满写的 c 的 sense 二点零图片参考一定要选多参考。 这次生成一个十二秒的横屏视频,看看效果,现在是十四点五十八分,看看生成一个视频要多久。视频生成完了,耗时八分钟,来看看效果。 可以看到 cds 二点零严格遵守了分镜本要求制作视频,但还是有点小瑕疵,比如这个画面的键太短了,这是由于 emoji 二一开始升图就有瑕疵导致的,只要在升图的时候多抽一两次检查,检查就能解决,比抽视频的卡成本低太多了。

最近我发现强调流程的视频画面,用这种漫画式的故事版特别好用,特别是做菜做手工这种有明确动作步骤流程的内容。 我们来到这个位置,选择图片生成,输入我们的漫画故事版提示词,选择 gpt image 二模型,生成一张二 k 或四 k 画质的十六比九横屏图,稍微等待几十秒,图片就生成好了。然后就可以检查一下各个分镜的细节,看看有没有出错。 图片没问题,我们下载图片,在下面切换到视频生成。上传好刚刚生成的图片提示词,简单写一句就行。找到满血的 cds 二点零图片参考,一定要选多参考。这次生成一个七二零 p 的 十二秒视频,看看效果如何。 视频也是只花了几分钟就生成完了,速度非常快, 可以看到整体效果还是很好的,就是十二秒的视频还是短了点,中间分镜的切换有点快,而且有个分镜出了点小问题,所以这种八个分镜以上的故事版视频,还是推荐生成十五秒的视频效果更好。

我实测了二十多个 emoji 二的免费入口,目前能无限用,而且不用注册的只有这三个。我是不讲废话的阿菜。 第一个每天三十张额度,五分钟冷却打开就能用,第二个暂时没发现额度限制,支持更多的深图比例。第三个能直接出四 k 图片,需要搭配无痕模式使用。这三个网址我都列在这了,趁现在还能用赶紧用。我是不讲废话的阿菜,我们下期见。

呃,这是一个自己做的一个基于 api 渠道,本地可以编辑图片生成的工具。因为我们像 gpt 里面就二,它是只能在官网上是用生成的图片,只有一 k 或者二 k, 最多二 k 买的。 然后像这个本地用 api 是 可以生成到四 k 的 功能的话,像跟正常的 gpt 都差不多。 然后也可以批量,像一个要求批量生成多张图片,这是我网上随便找的素材,然后要求然后再批量上去,他就可以三张一起操作。然后像这个生成的图片呢,可以将它重新生成了,或者是设为参考,点参考,他会直接变到 点参考,直接编到左边这边过来,然后复制这一个参数,就是他之前的一些参数要求,也可以再复制过来。那其他一些就是啊,一些表面上的功能,然后也可以全选以及批量操作。 功能的话大概就是这样子的,然后他生成的话会比较慢,因为我找的中文商,他生成图片会稍微慢一点,具体的话就看自己找的中文商那些的功能,功能都是以那个 gpt 的 为基础搭建的, 像后面还会制作一个详情页模式的一个功能啊,像这个详情页工作台,这个啊,像是我们产品的个技术信息啊,填进去,然后这一些给它设定一下, ok 就 好了,这些经验不用太多太高,那个像素, 其他这个素材再调整一下,然后就让它生成规则,因为这个我还没做好。 ok, 像这个它就每一瓶啊,首屏视觉啊,每一瓶呢,都会有这个 相应的细节,然后我们也可以点进去编辑啊,这一瓶它是要求视觉效果,这些我们可以自己做操作 编辑,然后再叫它生成本屏或者是选择,然后生成选中的这几瓶。大概流程是这样子,因为这一个详细的功能的话我是还没测试好,这个还得做细节优化。 整体的大概工具的功能就是这样子的,基于 api 然后在本地编辑的一个工具。啊,这是刚刚那些啊上传好的效果我就不一一点开了。大概的效果你看刚的一些基础信息操作,然后包括 他自己生成的这个规划,然后按规划下来每一屏的安排过去所生成的图片,其实效果已经是非常理想的,然后细节的话就看后期自己按需求调整一下就可以了。

这种丝滑的视频剪辑节奏和分镜编排,现在用 emoji 加 c 的是二点零,可以直接秒了。 我们直接来到这个位置,上传好视频主体的参考图,然后放上我们的分镜本提示词。 我这里做的是赛车的分镜本,你也可以把这个模板套到任何剧情里面。然后选择 g、 p、 t 一 面架模型,图片比例选择十六比九,画质必须要二 k 或四 k 画质,点击生成,等待几十秒后,高清分镜图就生成好了,质感和细节拉满。 我们下载好分镜图,切换视频生成模式,上传分镜图,选择满写的 cds 二点零模型,视频比例我们选择十六比九,这次生成一段十五秒的视频。最 后提示词简单写一句话来测试一下纯靠分镜图出视频的效果。简单等待十分钟左右,我们的视频就生成完了。来看看最终效果, 可以看到整体效果已经非常好了。 因为这次什么提示词都没写,所以还是出现了一个赛车重合的小瑕疵,只需要在深层时补充几句反提示词即可,避免这种情况。分镜提示词模板我放评论区了,有需要自取。

只需要给一个 ip, 就 能一键搞定品牌视觉界面设计、活动页面等,并且生成的界面可以直接导入贝克玛进行编辑。哈喽大家好,我是派大仙,因为这都上线有一段时间了,全网都在缺的天花乱坠。 然后我也实测出一套工作流,直接让它生成高质量的 y 界面。所以本期我将从零到一,带大家去搭建这套工作流。 首先打开 loft, 拖入我们的吉祥物和 logo, 输入这段提示词,然后模型这里关掉,自动勾选这个 image 二 o 图模型,点击生成 loft 的 agent 会根据我们的 logo 和 ip 生成一套详细的视觉品牌手册。这一步的目的是为了后面生成产品界面有更好的参考物料。 然后新建一个图像生成器,把我们的规范和 ip 加进来,把模型切换为 mh 二,比例十六比九。最重要的一步,找到想要的风格界面图,拖入进来。 因为目前 ai 对 ui 界面的美感理解几乎为零,所以这一步的目的是让 ai 有 更好的生成参考方向。输入这段提示词,即可根据参考图和 ip 规范生成符合预期的图片。如果没有参考图, 提示词写的再好,生成效果也是类似这样,或者这样永远也达不到想要的效果。通过这个方法,可以快速生成多种风格的界面,直到找到自己想要的风格。也可以通过这种方式生成运营活动页、 app store 商店图等等。 回到首页,进入品牌套件页,将刚刚生成并确定风格的品牌图和界面图全部拉进来,就会根据图片生成一整套可附用的品牌 e i。 然后打开项目, 输入 id, 引用这套品牌套件,就可以在这个基础上进行界面延展。你也可以画好界面原型,让他根据了你的原型图进行生成,出来的界面布局也几乎跟原型一致。 也可以根据品牌套件生成海报 ip 还是保持一致性。点击编辑元素,可以分解海报上的元素并进行调整。如果字体文件丢失,你也可以截图对应的字体,然后打开字体生成器, 粘贴截图, ai 会自动分析并生成字体文件,将字体切换为我的字体即可使用。 把生成的界面图拖入 figma, 打开这个插件,选中界面,点击生成,即可将界面导入 figma 并进行编辑,出来的效果还原度还行, 不过在一些复杂的图标效果会被当做切图显示,只适合导入一些简单的界面,所以我们要用到另外一种方式导入。打开任意一个 ai 编程工具。这里我推荐使用 codex, 因为它支持调用 image。 二、生图。拖入生成的界面图和吉祥物,输入这段提示词, 它会先分析界面内容,并对吉祥物进行单独的切图引用,然后打开生成的 html 文件,可以看到出来的效果基本与界面一致,并且生成的界面还是可交互的。然后使用我之前分享的 web two figma 插件,导入到 figma, 可以 看到整个页面都是可编辑的,图层也做了自动布局, 并且吉祥物都进行了分层处理,相比插件导入的效果会好很多。好啦,整道工作流分享就到这里啦,我也把所有提示词都整理到文档了,有需要的朋友可以直接来找我拿,关注我,带你解锁更多 ai 体校技巧!

image 二分镜图做视频真的杀疯了,还没用过的小伙伴一定要试试看。我们来到这个位置,选择图片生成,输入我们的分镜本提示词, 选择 image 二模型。这次生成的是一个十六宫格的分镜,我们就选择三比四的图片比例进行生成,画质一定要选二 k 或者四 k, 点击生成后等待几十秒图片就生成好了。大概检查一下图片没问题, 我们就可以下载好图片,来到素材库,点击上传,选择人物,上传好我们的图片,进行 cds 二点零的人脸审核, 这样就不会被卡人脸了,也是只要几十秒就能搞定。 看到图片左上角出现绿色的打勾标志,就说明已经通过审核了。然后我们再来到首页,选择视频生成,上传好分镜图, 写好分镜图对应的视频内容,提示词,选择满写的 cds 二点零模型,图片参考一定要选择多参考。这次生成一个七二零 p 九比十六的十五秒视频,看看效果, 等待八分钟视频就生成好了,一起来看看!

ai 视频毕业模板来了, emoji 二剧情故事版生成教学, emoji 二与 cds 二点零就是现在最强的 ai 安居版本。答案,你只需要把你已有的内容让 emoji 二去生成。像这样的剧情故事版包含分镜图,项目概述,故事基调以及视觉风格,还有 趣事节奏,还有风格参考。我整理了一份关于 emoji 二慢剧故事版的题词,感兴趣的朋友们我们评论区见,以此类推呢,你可以利用 emoji 二的能力去生成更多的分镜图或者是人物三式图以及分镜故事版。我们来看一下实际的生成效果就明白了。 知识改变命运,好好学习,将来走出山村,总有一天我会带着家人过上好日子。 可以看到我们这种情绪类的 ai 短片就是这么简单。那么我们可以发现啊, d 的 二点零十五秒的视频只需要六十八积分,跟其梦是相同的。积分消耗原理主要是因为我们选择的四八零 p 分 辨率以及二点零 fast 版本,但是生成效果大家肉眼可以看到。在这里我们还可以进行一个操作,就是画质增强,额外花五积分, 再把这段视频增强为一零八零 p 的 画质,包含现在的二点零 pro, happy house, sora, crook, vivo 度以及可灵,还有同一万像等等等等的模型,包括融合生图里面我们也可以看到 emoji 二, nasa banana 还有 mini 这些热门的大模型全都有。我们等一下让这个画质增强,看一看生成效果是怎样的, 根本就不用再去官网去花费大额的积分去生成十五秒视频了,可以看到我们的画质高清已经结束了,现在就是一零八零 p 所给大家展示到的效果,所以说想体验同款不砍人脸,同时能够做到低积分消耗生成 c n s 二点零的朋友们,关注私信我即可。

什么?你还不会使用 emoji 二点零?或者说使用的时候经常出现乱码和生图失败的问题?别担心,本期视频手把手教你使用 emoji 二点零并解决乱码问题。首先是乱码问题,导致该问题的原因就是提示词太烂了,我们需要使用插件生成专属提示词, 没错,就是 promptify, 不 仅可以生成提示词,还能直接使用 image 二点零。话不多说,直接教大家如何使用。首先我们打开浏览器搜索这个网页,进去后找到 promptify, 找到后点击下载离线安装包,下载完成后,我们打开文件所在的地方, 把这个文件解压一下,记得解压到我们能找到的地方。接着打开浏览器,点击右边的管理扩展,每个浏览器的具体位置不一样,我这里使用的是 chrome 浏览器,进去后先点击右上角开启开发者模式,开启后点击左上角的加载已解压的扩展程序,选择我们刚刚解压的插件文件夹,直接点击确定即可。 最后再教大家如何使用 image 二,我们打开这个扩展后,随便右键点击一个图片,选择使用 promptify 生成提示词,随便选择一个生成,生成后点击使用提示词生成图片,就会弹出生成图片的选项, 我们选择 image 二点零即可,这样就能使用 image 二进行生成了。以上就是本期视频的全部内容了,可以帮助大家生成最完美的提示词。

怎么能在国内直接用上一麦叫呢?我给大家找了一些途径。第一个是交图 v i 新用户免费注册赠送三十五积分,这里可以选择一麦叫模型,生成一张图片要八积分,大概能生成四张左右,试了下感觉效果还可以。 第二个就是肖特莱普,新用户注册免费赠送五百积分,生成一张图片要四十积分, 这里只能生成一 k 画质,画质偏低,但是基本能用。追求高质量满血版的朋友还是建议官网。我是三十玄,一个裸辞的程序员,会给大家分享一些有用的 ai 知识。

两分钟自己搭一个以麦之二作图网站,不需要充任何会员。效果啊,跟拆的 gpt 官网一模一样。我们打开老朋友豆包,或者你自己习惯的智能体工具都可以啊,像 tree, workbody, cursor 都行。我用豆包给大家来演示,我们切换到超能模式啊,把这段提示词粘进来发送 给他。两分钟喝口水的功夫。好了,添上你的 base, url 和 key, 我 们测试一下,上传一张图,随便生成两张详情页。 ok, 搞定方法呢,我也整理好了哈。

今天给大家录制一期这个 imagine 二的这个故事版。呃,网上有不少教学,但是感觉有点太复杂了。呃,我这边的这个方法很简单, 可以先看一下我这边做的视频,然后我这边伸出来之后,它跟我的这个整个剧情的这个 这个色调啊不统一,所以我这边给他那个加了一点亮,但是这个这个亮度加完之后效果实际上是没有上面这个暗的。这个好的,但我们就拿这个视率看一下吧。 啊,这里就是故事版,这是追加的导游费和保镖费,然后这里就加了一句话,生成,你就不怕我半路把你卖了?生成视频你不把我卖了,我爸也会把我卖了。需要电图的,他这个故事版里面出来的这个分辨率不够。 我看一下这是追加的导游费和保镖费,你就不怕我半路把你卖了?你不把我卖了,我爸也会把我卖了。 整体效果看起来还可以,还不错,就是也可以用。嗯,但是也不建议,就是做长句的一直用用这个东西,就你该去做题字词, 该去写随机应变,还是那个自己弄比较好,就可以参考辅助。然后我这边的方法很简单, 直接垫垫图,然后就告诉他帮我生成九比十六的九宫格。故事版这里可以不用九宫格啊,我这里是因为之前的习惯就让他给我那个九宫格,你实际上可以让他直直接给你故事版,他也许会出 十二个分镜或者是十六个分镜,这个看你们的内容,然后把分镜的那个就是你不要给他内容,你先把你的内容做成分镜镜头,做好分镜镜头之后直接贴给他,然后让他按照这个,按照你那个分镜来跑, 不要让 ai 自己去发挥,这是追加的导游费和保。然后我目前用的这个, 需要的小伙伴可以私信我留个言,然后我那个发给你。

这些设计精美的 ui 稿居然都是以 mac 二出的,不仅能一键生成整套 ui, 还能直接转成 figma 编辑图层,甚至带自动布局。今天手把手教你这套保姆级落地流。 打开这个 ai 工具模型,选择 gpt image 二,输入这段提示词。注意,这里一定要写九比十六,或者具体尺寸稍等下,一整套这个 app 的 页面就齐活了。这个质量果然很高,如果不满意,可以直接让它再优化,比如优化成英文版和更为简洁的版本。 这质量,产品经理看了都不想画原形了。重点来了,怎么把画变成稿?把生好的图丢给 jimmy, 输入这串指令,看它在自动解析结构了。点击复制代码, 粘贴进这个转换工具,点击保存。这是目前我测试下来还原度比较高的方法。在 frame 中打开这个插件, 选择文件,将代码文件拖到这里,点击继续看下它解析出来界面。乍一看还原的还可以,连自动布局也有了,文字图标全部能修改, 但是想要一比一还原,还需要 ui 手工再修改下哦。可以在 office 中按住 command 键,点击需要的图片,就可得到一张完整的高清素材了。将素材还有图标在 fim 中快速还原下,相比自己纯手搓,效率直接拉满。 不到十分钟,一张能直接交付给开发的沈阳稿就整理好了。我还用它生成了车载盒和和格式化大屏 ui, 这质量同样是绝了,还能一键变换色系,真的服了!好了,赶快去试试吧!

一条视频带你八遍最强 ai 生图模型, gbt emoji 二的使用方法!最后一个是重点,建议三连,免得要用的时候找不到。第一个官方渠道,亲爱的, gbt 网页端登录就能体验免费,用户每天有三到五张的生图权限。 第二个, arina 人工智能评估平台,内置多种生图大模型,每天可以调用 emoji 二生图五张左右。第三个, create vision ai 聚合平台,内置多种生成模型, emoji 二、 nasa 二 c dream 等等,每日登录的八十积分可以升四张图。第四个, lab 二,这个平台想必大家都很熟悉了,同样每日登录有八十积分,可以使用 emoji 二模型生成两到三张图,可以和第三个平台换着号。第五个, high ipi 注册即得一刀的余额。 emoji 二生图约三分,一张划下来可以升三十多张图,四舍五入就是无限额度,免费用。 最后一个最重磅的来了, mine video, 同样是 ai 声图聚合式平台,接入了多种声图和视频大模型,最 重要的是,它最新接入的 emoji 二可以免费使用,你没听错,登录就能用,并且生活质量和官网几乎一致,不一定什么时候就恢复原价了,趁现在赶快去试试吧!有了工具怎么能没有提示词?我这里有一份超全的提示词文档,包含多种大模型的关键词逻辑,直接复制就能用。想要的评论区留言。

最近 gbt emoji 很 火,那到底如何使用呢?首先就是 gbt 官网,登录任意邮箱都可以点击加号,点创建图片,我们就可以在这里直接生成图片了,测试一下它的文本能力怎么样, 我们可以点击看一下它里面的小字有没有出现崩坏的效果,我们可以打开它里面的字,其实还是正确的,结构还是正确的,只不过是因为 生成的分辨率比较低, ppt 原生的分辨率可能大小就在一 k 左右,所以说可能会出现一些不清晰的情况。第二个网站就是 robert ai 这个网站,它每天大概会送八十个积分 进来之后就是这样的,我们可以看到右上角有一个积分的图标,我们点开它,这里可以看到每日赠送八十个积分, 我使用了一次消耗了十二个。然后右下角这里可以选择图像视频,可以选择模型,它里面基本上覆盖了市面上大多数的模型,我们可以选 ppt 页面。二,选择完之后,这里可以选质量分辨率,还有可以选择生成多少张二 k 的 分辨率,大概一张十二积分,四 k 一 张就是二十四积分, 然后一 k 的 质量就是八积分,我们一般选择二 k 的 就够用了,二 k 积分大概一天可以用个六张左右免费次数。然后生成的图片,我们可以看一下上面的小字, 可能还是有一些不清晰模糊的地方,但是自己修一修,改一改,这张图应该是完全够用了。 然后第三个网站就是这个网址,然后我们选进来之后,我们选择第三个,这里同样也可以使用邮箱登录,我们在这里选择第三个图片的模式,翻到最下面, 然后往上面数,第一个就是 ppt 里面 h 二,我们点开,然后就可以直接在这里使用了。

如何用 chart image 二根据建筑图片生成设计说明、心理与环境分析、建筑文化 dna 分 析、现代风水科学解析,并且可以选择出图尺寸,减少文字乱码, 选择智能编辑上传我们的地图。可以在预设提示词 a d 遇见未来,选择设计理念,背景放错或者是地理位置推演建筑光格识别。也可以直接在搜索框搜索设计理念。 可以去选择 chat image 二的模型来做我们的触动尺寸, 点击生成即可。

朋友们,这次设计行业真的选了,由于 e m g 二点零的发布,直接把设计的门槛降低到人人都可以当设计师的地步了。相对于其他模型,我最直观的感受就是,第一,生图变简单了, 以前想出好图得研究半天,提示词写一大段还不一定满意,现在完全不一样,很多时候你只要简单的一句话,他就能直接给你生成想要的效果。第二,文字识别也更加精准,支持多国语言, 不管是中文还是英文都能精准的识别。第三,设计排版更加舒适,画面看起来会很干净,说白了,你一眼看过去就会觉得这图很高级。 这里我生成广告分镜图生成的时候没有指定生成人物的主体三十度,只是在提示词内强调了一下主体人物要求一致,最终生成结果可以看到人物的一致性保持的还可以。呃,然后可以把这个分镜图直接丢到 cds, 就 可以直接生成一个这样的广告片, 丝滑显色,持久迷人。 这里我用大江 p 三作为底图,让他生成详情页,没有很复杂的提示词,我甚至都没告诉模型这是什么,他就直接帮我生成了这样一张图。怎么样,是不是效果还挺好?可以看到生成的文本非常精准,排版也很工整, 后面我稍微加了点细节,使它更具科技感一点。现在市面上的生图模型做的海报都很不错,但是一面就二,出来的图有一种高级感,可能是字体以及配色的使用,使得整体的海报非常舒适。 这两张图片都是我用模型生成的,贴纸如下, 嗯,其他的场景我就不一一介绍了,所以就展示一些提示词以及图片效果。 好,今天视频就到这里,欢迎点赞收藏。

hello, 大家好,相亲这两天大家都被拆的 g p t 的 一枚 z r 刷屏了,今天呢我们就来看一下从 g p t 出图到 ui 落地到底有几种方式,我们来一起探索一下。 好,我们先从 g p t 的 最基本的使用方式开始用起,就像我的这篇视频,然后我呢就是用它给我出了一个封面,之后呢,我是觉得这个封面的字太多了, 然后我想要一个深色的感觉,这个时候我就让他重新给我生成一张深色的字稍微少一些的图片, 我们可以看到他其实这次更新之后的图片质量和审美非常非常非常的高级。然后呢,我在后面又持续让他给我出了呃十六比九和四比三的图片,以在不同的场景下做不同的封面来用。 这个时候就是大家在看到视频的时候就会发现我的封面其实用的已经是这个了。 这次准备的例子呢,我们是想做一个东南亚的外卖小程序,然后呢我这里是先用了 codex, 让他来给我出 p r d 出交互文档,就是像我之前的流程一样。然后这里呢我们先快速的过一下, 在拿到了交互文档和 prd 之后,我们把它丢给到 gpt, 然后让 gpt 根据我们上传的这两个文件去来做一个小程序的首页,我们来看一下结果怎么样。 好,现在图片已经生成了,我们看它其实生成的质量是很高的,然后我们让 gbt 根据它生成的这张图生成一个设计规范,这个时候呢,它给我列了一大堆的文字,但这但其实我想的是一张图片 生成图片之后,我们看,哎,好像还不错,然后看到它上面给的建议,它可以给我们拆成嗯, talkin 和设计系统。那这个我觉得很好啦,因为它出来的时候会是一个很完整的代码文件,这个时候我就按照它的建议让它给我出了一个这样的文件。 好,这样的前期准备我们就已经都做好了,接下来我们先从最简单最容易上手的 figma 开始来尝试一下还原。 呃,我上传了他给我出的设计规范的这个图片,然后让 figma 根据设计规范以及他首页的图来还原一下这个设计稿,让我们来一起看一下结果怎么样吧。 图片生成之后呢,我们发现他和我们给的参考度好像不一样,然后这个时候我在想,是不是因为我的设计规范那张图元素太多了,所以呢,我又把整张的首页再拿回去,让飞哥 mac 重新来修复一下。这里我没有选模型啊,我用的是他的默认模型。 嗯,这里呢,我们就把整张的首页丢过去,让他再重新进行修复。然后我们来一起看一下修复之后的结果怎么样的。我们可以看到一个修复完成的设计稿比原来已经还原度很高了,我们把它放到一个新的设计文件中备用。 最后呢,我们再把 gpt 的 图拿过来,我们做一下对比,那还原度也就一般吧。下面我们来看第二种方式。第二种方式呢,我是把这张首页图贴到 codex 里面,然后通过 codex 来调用 figma mcp 的 写入功能,直接让 codex 在 figma 里面把我们的这个图片还原出来,因为我们前面还生成了一个设计系统的图片,这个时候呢,我们可以把设计系统图片也丢给他,然后让他根据设计系统的图片直接全部生成一套完整的 a few moments later。 经过了漫长的时间等待,终于是写入完成了,然后我们一起来看一下文件质量怎么样吧。我们可以看到他写入了组建,写入了设计规范,然后写入了这个设计稿,但是设计稿质量实在是不怎么样,所以我决定让他再来修复一轮。 其实这部分可能用手工来修复更快,但是我们秉承着能不自己干活就不自己干活,还是指望 ai 来干活的这样一个心态吧,让它来继续修复 调整之后的图,我们一起来看一下,至少它比最开始的时候已经强了很多。然后我们把原图和 figma make 的 图一起都放进来,我们进行三张图的对比。其实这里我们可以看到就是无论是 figma make 还是 code x, 通过 m c p 写入进来的图片 多多少少都存在一些比较明显的问题,就是还是需要人进行来手动修复的,这是目前的一个结果。 最后呢,我们来看第三种方式,我决定直接让 codex 来把前端页面写出来,然后我们再通过其他的方式来导入到 fake 码里面。这时候大家还记得我们在最开始生成了一个呃 样式的 style 文件嘛,因为我们要写敲单代码,所以用这个 style 文件来控制一定是比让它识别图片更精确的。所以这就是为什么当他提出要给我写一个 token 和 style 文件的时候,哎,我觉得这是一个非常好的事情,并且立刻就让他写了保存了。 这里我们可以看到 codex 其实也调用了 image two 的 模型,然后我们可以现在来看一下,结果发现这个还原度其实已经非常非常高了,而且相对来说它的质量也是蛮高的,只不过其中还有些问题, 那这个问题其实它是在前端代码中嘛?所以我继续让 codex 来把我看到的这些问题去修复一下, 在修复完成后呢,我们发现没有问题了之后,再次使用到 web to figma 的 这个插件,然后呢读去整个前端的页面之后去 figma 中复制出来。 这里呢就是我在十四路里面能够想到的 g, p t inch, two 然后到飞格玛落地的三种形式。目前从我自己的体验来看,其实先出代码,然后再转到飞格玛中,这样的还原度是最高的,并且可控性也是最高的。 论是 figma make 还是通过 figma mcp 的 写入,其实它都有一定的时阵。这里呢是一些我对于 make two 到 ui 落地的几个思路和方案,如果说大家有更好的思路的话,欢迎留言或者私信讨论。 嗯,今天的视频就到这里了,如果这个视频对你有帮助的话,希望你可以点赞收藏加关注,这对我很重要,谢谢!