claude怎么出设计图
今天来给大家分享一下如何利用 cloud 帮我们生成这种可以二次编辑的几种技术路线图，其实非常简单，我们打开 cloud， 把我们这个指令以及我们所需要生成的图形，对吧？还有我们自己的内容上传给他，他就能生成一个代码的形式啊， 生成完代码之后，我们只需要点击这个 copy 在 这里粘贴上啊，然后再放到这个绘图软件里面去啊，就可以直接进行生成了，便可以去进行二次编辑调整，然后我们点击文件也可以直接导出为有各种各样的格式啊供我们选择，我们选择完成之后点击保存，然后他这就能直接下载啊， 下了之后我们这也能这里点击打开咱们这个清晰度啊等等之类的，还是非常的不错的。古代也想使用的 cloud， 用来写作科研，做数据分析，写代码等等，都可以点击我主页的置顶作品找到我。
粉丝6549获赞4.3万
相关视频
08:24查看AI文稿AI文稿那我们新开一个项目，呃，在这里应该是抖这个抖包 watch 啊，选选哪个都行吧。这个 y frame 呢，就是旗舰版的，然后这个，呃，这个就高可用版的，然后 create， 然后他这里就就开始了，然后在这里描述你的需求吧。那我觉得很简单，然后附上一些啊，这里选择模型的最靠左左下的这个，这模型我选择的最强的这个 oppo 四点七，然后他账号啊，默认就登录的你的这个 oppo 账号，然后应该也共享你的订阅的啊，然后可以 import 一 些东西啊， 比如说这里的这个啊， folder 啊，然后你就可以选一个本地的文件夹啊。我，是啊，选我之前就是开了抖宝我姐的，然后你可以看到它，它就链接上了，然后我觉得它整体的 u i 有 点小，你随时可以把它放大一点，放大到一百五，一百二十五都行。然后，呃，嗯，这些都已经链接上了，然后就发给他啊，现在，然后他就开始了。 嗯，然后输入这个简单的这个需求描述之后，然后他会弹出这个选项，其实就是让你去明确你的需求， 你看它根据你原始的需求还是给你想的很周到的。有一些呃，可选项 有的是多选，有的是单选，然后设计也都特别合理 啊，他现在在继续设计，这跟 color code 里面的那个 ui 风格还是挺像的， 看它最终能给一个怎样的一个输出吧。 嗯，可以看它这个还是呃速度还是比较扎实的 出来了。嗯，这个怎么感觉跟真实的 apple watch 相差很远？因为我我其实描述了要 apple watch 的， 这个好像还在 verify 中，还在验证中。 嗯，但是好像还可以继续发送 prompt 了，发送消息了，但是它这里还是显示在 verify 验证中，然后点击一下，看看这个效果还是还是挺真实的。番茄钟为什么会显示番茄钟呢？ 哦，这是这是各个界面分开的，然后这也是动画的请求中 ai 播报来电，你看这个动效都还是可以。 哦。又开始继续了。哦，我明白了，他刚才给你呈现一个 very 翻译验证中，然后是让你自己去点击这些 ui 啊，然后然后他这边接受到这个点击信号之后就会继续。嗯，可能是修正吧。啊，可能是 bug， 就 完善它，然后你看这个还是挺真实的。虽然说它这个样机做的不是很好，这很明显不是 apple watch， 对 吧， 但是它这个是可以点击的。呃，这个表罐，表罐好像这种硬件的没有做不到那么完美， 但是它你看在每个这个每个状态的时候，它会自动的，你看过几秒钟之后，哎，这怎么没有自动啊？反正就是你可以点击它自动会跳转，自动跳转，然后比如说它再来电阶段，哎，这个瞬间就挂断了， 它有时候会跳，有时候不会，因为这个产品还就是在 pre view 阶段，感觉还不是很成熟。你看它这个可以挂断，然后到主屏，然后可以接听到就到通话中 啊，它这个表盘还是可以调节的，通过你的光标的上滑下滑，那么去模拟它这些硬件的一些点击的一些操作，这也是也是可以点的，只不过没反应。 嗯，这个最大的缺憾缺陷还是说它是个样机，样机很明显很不真实，但是样机的话通常在呃一些，这个你看我之前学过设计，都有一些这个呃一些网站，这是有现成下载的， 而且它这个比例也不是很对的吧？ apple watch 它不是这种。呃，没有这么，没有这么长，我跟他说一下， 看他能不能直接去给我换一个更符合真实的这样一个。呃机模吧。 command 加 enter。 嗯，所以我觉得应该也可以自己去下载你所需要的这个样机的机模，然后一起一起上传上来，应该是可以这样的，而他有个好处就在于你可以直接上传一个文件夹， 很多网站做不到他，呃，要么让你上传压缩包，要么让你干啥？ 看这个要多久？就我觉得是它可能是版权，或者是或者说怕有侵权风险之类的，所以它没有给你去找一个真正的积木。那我觉得还是挺有必要的， 所以我待会要试一下就自己去啊，去下载一个这个真实的样机的积木，然后上传上去，让它往这里面去填充这样一些 app 元素，看看效果怎么样。因为我感觉它这个主要面向的，然后以及最好做难度最小的还是外端的，外端的话就不需要这种硬件的这种轮廓啊。积木你看它调整一下，呃，就感觉更不对了，因为它应该就是通过 ui 直接画出来的， 所以说他肯定做不到完全一比一物理世界这种， 那他这个 very fine， 这里很奇怪，这里为什么又可以合上又可以打开呢？是一个麦克电脑。很奇怪，这是所谓所谓合一啊， 你看他还是他，还是做不到完全一比一复刻你的这个真实机器硬件的。嗯，他最擅长的应该是外观。呃，然后 再比如说，比如说在你的移动设备上， iphone 啊，或者是这种这种握器应该也是就你不上传一个真实的原目标的一个样机机模的话，应该也做不到，就给你画出来一个一模一样的。我觉得因为他是画出来一个一模一样的，可能会侵权，我就所以他不会给你画一模一样的。 我来下载一个。嗯，这里有，你看我在这里，这网站 more cup ufo， 然后它默认是黑色的，所以你就但是它又必须要上传，不直接下载，你就上传一张纯黑的就好了，然后我把它下一下， 让它重新适配，看能不能实现。 那针对这纯黑的部分就是不知道它识别效果怎么样，就是说能不能自动的给它抠掉，其实如果它做不到的话，应该可以用比如说 remove bg 这种工具，就给它抠掉，然后再上传这种喂饭给它。嗯，现在还是被覆盖的状态。 很奇怪啊，上传了一个样机上去，结果只能看到样机，不知道是不是被覆盖了。那我觉得这问题应该是应该是不应该出现，他现在可能在修复吧。你看他这也说了， vivo 小 米也察觉到这问题了， 实在不行的话就只能给他把这些背景都抠掉之后给他上传一张纯净的，他把它强行适配上去了。但是他这个边框这个应该要改一改的。 我觉得与 cloud 的 能力这应该是能修复的，可能还需要再进行多几轮对话吧。它这个 very fine 其实实际上是它自己的一个 background task， 但它好像也没有去主动修复这个问题，那就再跟它对话吧。 现在说修复了，但实际上还是没有，你看还是有边框，然后这个对应的也不是很准确， 他可能需要更精准的描述。就是说，呃，这个长宽是多少啊？然后这个圆角是多少啊？应该应该需要这种级别描述，但是现在也大差不差了其实，呃，现在没必要对的那么准吧应该是 他这个还是已经非常可用了基本上，嗯，然后你可以看到他其实是一个 html 的 一个文件，你看他这里能看到 html， 然后这里还可以调一些，快速调，调一些这个色彩，还有尺寸。
42Jack阿盛
03:26查看AI文稿AI文稿cloud design 发布之后， figma 股价直接下跌了百分之七，很多人声称可以直接玩爆谷歌的 stitch。 这里是一份完整的使用教程，来自于 xorope 自家设计师 rime mother， 他 一个人负责公司七个产品线，他总结出了一套真正能落地的 cloud design 玩法，不是 ppt 级别的，直接能抄作业的那种。 然后我们直接开始。第一，先花一小时建设计系统，后面全是复利，把代码库、设计稿、品牌素材全部扔给 cloud， 让他推出一个 u i t 的， 并直接发布。听起来这像是在偷懒，实际上这是在投资之后，每次生成设计稿风格自动套用，再也不用每次从零对起。公 司要全面铺开的话，投一到两周做系统沉淀。逻辑一样的，先苦后甜，先规范后复利。第二，你得和工程师坐在一起开个会，不要再把文件接力了， 依靠设计师出稿甩给工程师改稿再改稿这条老练路已经是上个时代的事了。现在的玩法是所有人坐在一起拉一个会，然后盯着同一块画布，边聊边改一场会直接定稿开发，中间环节越少，方案死在流程里的概率就越低。 第三，大改，用聊天小改点评论。比如你想换深色模式，布局大重构，或者一次出三个方向，你可以用聊天界面一把缩划直接改，好像那种按钮 pad 差了一点，颜色深一点，输入框改成下拉，这些小问题，你直接在元素上点评论，精准又快速。 你用聊天框有点像大炮打蚊子。第四，反馈要具体。 claud， 他 是个理科生，不擅长读心术，官方举过一个反面教材，看着不对劲，感觉不太好。这种人最没有用的反馈你得说表单自断兼具，改成八像素，这才是智能体。爱听的话， claud 他 是执行大师， 不是你肚子里的蛔虫，想要好结果，你得先说具体指令。第五，接上 connector， 让 claud 自己干脏活， 让他分享自己最爱的用法，就是把产品吐槽过的会议就要喂进去，然后出去溜达一圈，回来一份完整的解决方案再给你生成好了，你负责出去喝咖啡， plod 负责把活干完，这才叫人机写作。 第六，让可乐给你造专属工具。不要把可乐的比赛当做普通话不一样用，他根本不是那个东西，他的正确打开方式是让他帮你现做一个专属于这个任务的工具，你会发现自己的做法跟以前完全不一样，进行探索，发挥创意，这是他跟其他设计工具最不一样的地方。 第七，有些活你必须亲手做，比如新图标、核心插画、产品命名、品牌形象这类东西，你就别指望模型能给你完美答案。不是说 clout 不 行，而这件事的本质上考验的是你的品味和判断， 跟你的公司战略以及定位相关。软他把这个叫做 agent 设计的艺术部分，说白了， clout 可以 帮你做身体，但是灵魂这个部分还是得你自己给他赋予。 最后补充两条，官方没说，但也同样重要。第一，就是多开几个 chat， 平行探索，同时一个想法开三个对话，各自跑不同的方向再调精华合并，比在一个对话里反复折腾效率要高太多了，还能防止思路被早期决策锁死。 另一点是 teamleader 要重构你的审查流程。以前是人做人审，现在是 closed 做人审。这个差别很大，如果你不调整节奏和人力配置， 工具的价值会浪费一半。 ai 帮你把活做完了，不等于流程自动优化了，审查这一环必须主动重建。工具变了，但真正拉开差距的永远是谁。先把这个工具用透。以上就是本期的全部内容，这里是 bryce， 下期再见。
394碳基玩家Bryce
00:41查看AI文稿AI文稿别让 ai 凭空设计，先让它学会一套审美。今天分享一套 cloud code 加 skill 的 网站设计流程，一共三步。首先，安装 hue skill， 这个 skill 可以 把你喜欢的页面提炼成一套可附用的设计规范。其次， 找到你想复刻的页面，可以去 refer 网站，找到自己喜欢的风格，复制给 cloud code， 可以 生成一套设计规范以及格式化设计看板 q 还会根据设计规范生成专属的 skill。 第三步，用这个专属的 skill 以及需求生成网站，最终生成的效果还挺不错的，我把整套流程也整理成了文档。
60朝朝AI工坊
02:11查看AI文稿AI文稿大家好，我是刘大燕，上周 excel 发布了 cloud design， 这两天也试用了一下，今天我会来带大家看一个视例，把这个核心用法跟大家来讲讲清楚。目前它的这个功能只能从网页版进去啊，左边栏的最下面点击这个 design 图标，就会进到 cloud design 这个页面。页面的左边可以新建圆形，有 wireframe 就是 线框图， led light 就是 高保真两种精度。那右边呢？是你最近的项目顶部还有 examples， 就是 视例和 design systems 设计系统标 签。这里我想跟大家重点的来说一下这个设计系统，因为这个东西建好了，后面所有的生成都会在这个基础上跑，非常的方便，也非常的关键。 ok， 我 们点击 set up design system 来创建你自己 的设计系统。在这个填写页面里面，你可以填写你的产品名和一句话介绍，如果有 github 的， 可以把 github 上面的链接放过来，或者是直接把你本地的代码文件夹给拖进来。同 时如果你有这个码文件的，也可以上传，也可以再加上自己的字体、 logo 这些素材，然后可以再用自然语言来跟它进行一个描述点，继续的时候它就会帮你生成一套设计系统。双休日的时候，我自己搭了一个小程序，在这个小程序的完整框架里面，我已经让 cloud 给我生成了页面结构，但是整体的品牌色呀，字体呀，我都没有跟 cloud 来进行一个细讲， 就把这个代码文件夹直接拖进去了。 cloud design 它基于我这个系统给我出了一版界面的改版方案，包括配色呀，排版呀，字体层级啊，全部都有，这个我现在在页面上大家也都可以看到整个过程大概是花了半个小时左右的时间，这个就非常的棒。我们一般去设计一个系统，比如说网页或者是小程序， 你通常都会有一套配色和一套字体，比如说警示类的字体用什么颜色，提醒类的用什么颜色，这里它都会有一整套的方案来给你输出，非常契合我的需要的。原来我会说用 cloud 或者 codex， 它去做前端的时候总会出现这种 ai 感，那现在它加上了这个 design 跟 big 码就 很像。我倒不是说它是最完美的，但是我会觉得这个公司出来的东西都会有它自己的一些创意和逻辑在里面。这说实话，最近 cloud 的 也是在分进一些账号，包括它本身的访问，只是有门槛，这两点其实对于我们国内的用户来，这就是一个硬伤对不对？但是抛开这些现实的问题，我们 不谈的话，单说这个产品本身，我其实还是推荐有条件的人，你可以先去试用一下，因为我真实的感受是在生产过程或者抠定过程当中能够节省很大的时间。 ok， 那 我们今天就先分享到这里了，拜拜。
216刘大雁AI版
18:51查看AI文稿AI文稿这期视频里，你会学会怎么做社交媒体海报，做出这种效果，而且全程都用 ai 来完成，不用自己手动排版，也不用一点点做动画。这些步骤现在用 ai 都能直接完成，连动画也可以。当然现在看到的还是静态图，但现在也能直接做成动态版。今天就把整套方法分享给你， 你就能做出很抓眼的图片，也知道怎么轻松加上文字，不需要懂设计，也不用懂排版，最后再把它做成动画。那我们先从做一个不带图片的社交媒体海报开始。 先打开任意一个建站工具，我这里用的是 bordeaux， 你 也可以用 la vo 或 cursor。 我 跟这些网站都没有合作。先输入一句提示词， 先建一个三列方形图片网格，我们先拿它来做设媒。海报先留空，然后排成六个方块，上面三个，下面三个。 先把它们都设成纯黑色，先不要加内容，只留方块。 我这里还会用到 opus 四十六，然后点开始看看它会生成什么， 这就是 ai 生成的结果。可以看到方块已经出来了，我们可以把不同设计方案放进去，或者说如果你做的是轮播图，也可以一页页放进去。我这里先做几个不同版本，因为让 ai 一 次出多个方案时，效果通常更好。接着给它加上标题和描述。 我想让内容跟 ai 相关一点，所以我会写用 ai 简化你的工作，让它在合适的位置加上标题和描述， 标题就写这句话，再补一段描述。另外还要找一些更有特点的字体，所以这里你可以去 figma 里找一些特别一点的字体，我会去一个叫猫神 size 的 网站，这个网站里先找点参考。这个字体我挺喜欢的， 尤其是这种大字的感觉。我先把它贴过来，当然我不需要全部都贴，所以我只保留这一段，然后找到字体部分，在提示词里找到字体那一段， 差不多就是这里。这是个 google 字体，连链接都给出来了，所以我就把它贴进去。第一张卡片先用这个字体， 我先把这段贴进去。第二张卡片用另一种字体风格， 然后我再去找另一个我很喜欢的字体案例，这样就能对比几个不同方案。 我们再找一个类似的参考，里面有好几种文字风格，我也照样把它贴进去。再把排版部分复制到这里， 再回到提示词开头，我会这样写，先做前两张卡片，也就是前两条内容，标题和描述我已经给了，但你也可以再补一点文案。想想 instagram 帖子里 还可以再补哪些信息，这样对用户会更有帮助。 确认一下已经选的是 o case 四十六，然后发出去看看效果。最后再补一句，先把背景保持成黑色，动画视频我后面再加， 然后提交看看生成结果。这就是第一版效果，可以看到这个字体就是我想要的感觉。第二个也是接下来加一点图形，找一些灵感， 我们找一个更特别一点，比如这种风格。我已经找到这张图了，先给你看一下第一版结果是这样，我生成了几张这种机器人图片， 现在把它真正放进画面里，我先用这一张直接点一下，先下载。不过在这之前，我还想先给它做个动画，顺便说一下，我也没有和 hexifil 的 合作，只是给你演示一下我的做法。 点了 animate 之后，我会输入给它做动画，让它的头动起来， 还有它这个我也说不太准，是什么的部位， 然后选 clone 三使掌，这里选十秒或者九秒左右，然后点生成看看生成结果， 这就是我们拿到的结果。这个可以直接下载我这里。先把链接复制下来，放到新标签页里打开，然后再回到 lovebo 这边。接着我会写 把这个视频设成第一张卡片的背景，再水平翻转一下，我再看一眼这个视频，然后我会写 从左边给他一个负的那边去偏移，也就是让视频整体往右挪，大概三百像素。你应该能明白我的意思，这样他就不会 跟文字重叠太多。再加一个轻微的底部渐变，从黑到透明， 然后提交看看生成结果。 这里可以看到视频已经放到我们想要的位置了。现在再做一张风格接近的卡片，接着处理下面那张卡片，它会作为这组轮播的第二页，所以我会这样写 在下面那张，也就是第四张卡片里。我们继续做第一组轮播的第二页，然后把第二张卡片里的文字，把用 ai 简化你的工作改成别的，让前后逻辑更顺一点。再给这一页加一个液态渐变， 这个液态渐变我会从 microsoft size 里找，那里有个设计就用了这种液态渐变，可以看到 就在这里。我把这段和提示词一起复制过来，操作方式跟刚才一样，我把它贴进去，然后找到 lequid glass card 的 这一段， 或者再从这边找另一个，我觉得这个渐变更好看， 对这个说明更清楚。直接复制过来，再回到 boa， 也把这段加进去， 那张卡片里的文字可以摆到中间，有的放中间，有的放上面，类似这样去排，同时再给这一页加上液态玻璃效果。我已经把代码附在下面了， 啊，是帖子，不是网站，是帖子， 然后我们就发出去看看效果，这就是前两张卡片的效果，可以看到它已经把文字都加上去了，但现在看起来还是有点单调。接下来我们再加点细节，第一张卡片我会这样处理，给第一张加一个渐变， 从这个颜色过渡到透明，从页面底部某个位置开始铺这个渐变， 然后我把这个颜色贴进去，再写上第四张卡片，用这个视频做背景。做视频背景的方法很简单， 先截一张这个机器人的图，然后再回到 xl 的 生成图片 提示词，我会这么写，给我做一张桌面壁纸，背景风格类似，但只要抽象元素， 然后点生成看看生成结果，这就是我们拿到的结果。接下来还要给它做动画，把这张图丢到可令网站，直接在里面生成视频就行。 我已经做过了，用的是 callin， 三点零时长九秒，提示词会这么写， 大概就是让它按现在这种感觉动起来，这样动画就出来了。然后把它加到第四张卡片里，顺手把链接也复制一下， 再回到我们的网站编辑器，然后把链接贴进去， 不要加叠层，发出去看看效果。这就是第一张卡片现在的效果，可以看到底部已经加上这个渐变了。唯一我不太满意的就是这个字体， 所以我们把它换掉。第二张卡片的视频也更新好了，其他部分我基本都挺喜欢的，只是这个字体我还是不太喜欢，所以我会写两张卡片里凡是写着 beautiful speed 的 地方，都把字体换成。 我直接把这个名字贴进去，然后提交看看生成结果。 这里字体已经更新好了，视频也在加载中。接下来我们把它整理成真正能发到社媒上的版本。其实只要把画面放大，打开任意一个你常用的录屏工具。我这里用的是 cleanshotx， 我 也没和它们合作。 把录屏框拖到画面上，然后点录制视频，录个几秒，让动画完整播完一遍。然后还可以再加一些效果，比如滤镜渐变，颗粒噪点，让它更有摄眉那种视觉感。 再稍微裁一下，让切口没那么明显，我会从这里裁一下。 还有这里人正是镜头的时候，把这段视频替换掉。然后我会去一个叫哨子的网站，就是这个网站。 我记得这个工具是付费的，完整功能，要开会员，但它可以非常快地做出很好看的猫 cup。 还是那句话，我也没有和他们合作，只是我平时工作里会用。我先从这里开始， 先进入 templates， 然后选 animated， 再选这个模板，点击 u c template， 再把内容拖进去。我其实不需要背景， 所以只要把画面放大，像这样把画幅选成正方形，一比一，然后再继续放大。不过我真正要的是这个 这个效果。像这种故障闪动的效果，其实我们可以直接选 对，就选 glitch 这个，然后预览一下，然后就可以下载，再发到你想发的平台。第二张图也可以照这个方法处理，流程基本一样， 录屏这些步骤也都一样。不过接下来才是更有意思的部分，这里就能做出更酷的设计，而且看起来就跟 pinterest 上看到的那些差不多。这里我们直接用 nano banana， 不 再用 jama nai 来做， 因为接下来会用到很多很酷的图形元素和字体，而这些东西网页工具里一般没有。那我们开始吧，我先点开第一个， 你直接点进来，看到很多不同风格的海报，按照你的赛道，先挑几个你喜欢的，然后我们继续往下做。我找到一个有这只鸟的，我们先把它放进 figma。 别担心，其实不用设计太多，直接选预设里的 social media， 再选 instagram post， 这样基本就是正方形画布。然后我们就可以裁一下，像这样截个图， 像这样截一张图，再去任意一个你常用的 ai 修图网站， 比如 nano banana。 二、把提示词贴进去，按这个风格生成一张图，分辨率做成八 k， 但把所有按钮和文字都去掉，我只要背景， 然后发出去看看结果。哦，我忘了选对模型了，我们选四十五， 这样图就出来了。但假设我要做的是金融科技方向，我很喜欢这个 banner， 但它跟我的风格不完全匹配。那我就可以这样说，按这个风格给我生成一张图。不过我会补一句，不要这只鸟，把鸟换成一张信用卡。风格保持一致， 颜色材质三 d， 质感位置关系也尽量保持，然后提交看看效果。 这里就是我们拿到的几张图，随便选一张都可以。下载后像这样放进 figma， 现在再来处理文字。把你想加到 banner 上的文字截个图就可以了。我这里想加的是这段文字，我把它贴近 banana， banana， 然后我会写，把所有文字都删掉，只保留。 我直接复制这个词。先复制这个词，也就是 exotic， 然后把 excel 卡改成 fintech， 保持同样的渐变，同样的风格，但把其他内容都从图里移除，只保留纯背景上的文字， 然后发出去看看效果。我们选这一张，看看生成结果。这就是文字部分。把它下载下来， 你也可以用任意一个 ai 去背网站，直接搜一下就能找到，免费的其实有很多，当然也可以直接在斐格曼里坐，我这里就直接拖进来，点这里去掉背景这个功能，可惜要付费，不过我觉得挺值的。稍微等几秒，然后把它拖到班纳上， 像这样再在顶部加一些文字，所以再回到参考图， 就是这一张。然后我会写不过这段文字，其实直接打就行，因为并不复杂，所以后面改起来也很方便。直接点一下这个工具，然后输入类似这样的文案， 我们就直接照着参考图来写， 再把字号缩小一点，分成三行， 像这样。当然你也可以顺手加个 logo， 再补一点这种小细节，这只是一个快速示范。同样这个也可以做成动画，如果你想做的话，直接点这里， 点 create， 编辑输入给它做动画，让它转起来。我会选个时长，比如六秒，点击生成看看结果。生成后，我们只要下载， 再放进 figma， 把原来的视频替换掉，再预览一下，记得把录屏工具打开，像这样录下来，点开始录制， 确保它完整转一圈，然后停止录制。现在就可以裁成你要的尺寸了，再把它导出， 你也可以同样去下载，把这个视频替换到这里。 这样一来，我们就有了一张带动画的图片，可以发到社媒，也可以直接发给客户，后面想改的话也能继续用 ai 很 快修改。 如果你喜欢这期视频，记得点赞订阅，希望你多少都有点收获。关于怎么做社媒海报，关于整个流程，包括怎么找灵感，怎么找高质量图片，再把它们做成视频， 还有怎么加文案和漂亮的渐变液态玻璃这类效果。如果你喜欢这个内容，如果你有学到东西，记得点赞加订阅。下一期视频里我会再分享更多实用的小技巧，感谢观看！
619DesignTim
01:02查看AI文稿AI文稿设计师和自媒体人注意，搞定全套视觉内容，现在只需要瞪瞪嘴！ adobe 和 clone 强强联手，五十多款核心创作工具直接接入大模型，这不仅是聊天机器人的升级，而是生产力工具的彻底进化。你看处理人像照片，上传后输入指令， 它就能够自动修复高光，提亮阴影，直接裁剪出你需要的完美比例。做电商或者是社交媒体海报更简单，告诉 closed 你 的需求，它会从 adobe 设计库里调用模板，一句话就能够把背景改成你想要的颜色，还能够一箭无缝的跳转到原声软件里，继续 精细化调整资产。最让人头疼的视频尺寸适配，现在也是秒击完成，横屏转竖屏直接丢给他说一句，适配短视频平台画面主体自动居中 排版直接搞定。从头像排版到视频， ai 的 强大理解力加上 adobe 的 专业底子，这种全新的工作流才是真正的效率神器。好了，想体验的小伙伴可以关注一下。
92AI焦点
04:01查看AI文稿AI文稿hello， 大家伙儿， cloud 刚成为了 blender 的 赞助商，并且打通了 blender， 让我们一起来体验一下吧。先叠个甲，我不是 blender 的 深度用户，所以我们此次仅以体验为主。 根据之前使用大模型对接其他工具的经验，我们先尝试让 cloud 直接帮我们配置 m c p， 可以 看到直接让 cloud 自己配置失败了，他说不支持，但是根据新闻资讯，我非常确定 cloud 是 支持写入 blender 的， 所以我们质问他一下， 可能是因为语料更新不及时，这次使用了联网搜索后告诉我们支持了，但是需要我们手动配置，那我们就来一起配置一下吧。点击左侧 customize， 选择 connectors， 然后点击加输入 blender 下载。 下载完成后，我们再来看一下在 blender 中怎么安装 m c p 插件。打开 cloud 给我们的链接，仔细阅读，发现这里只是一个使用教程，并没有插件下载地址，那我们就直接跟 cloud 说，让他给我们插件下载地址和安装方式就好了。 这次 cloud 精准地给到了 blender mcp 插件的下载地址，这个界面和交互跟 gitwalk 一 样，我们直接到 code， 然后下载 zip 压缩包到本地即可。 然后我们打开 blender， 打开编辑偏好设置获取扩展，把我们刚刚下载的插件直接拖进来， 安装完成后，记得去插件里面检查一下 m c p 前面的对勾有没有打上哦，这样我们就全部都配置好了。然后我们回到 cloud 测试一下，先跟 cloud 说让它在 blender 中创建一个石头， cloud 说创建完成后，我们回到 blender 中看一下效果怎么样，可以看到石头已经创建完成了，我们切换到渲染模式，看一下，材质也上好了。恭喜你第一次使用 cloud to blender， 已经跑通了， 我们给 cloud 上一点强度，让它去做一个简单的场景。这里我的描述也很简单，做一个木屋，木屋周围有栅栏，地上是碎石和青草。 soon after 这个简单的场景也搭建出来了，但是我觉得有些太卡通了，让 cloud 把它变得稍微写实一些吧， 效率很高，但质量一般，还没有达到直接可用的标准。我们继续给 cloud 上强度，在网上找了一个小 ip， 我 想让 cloud 给我在 blender 中还原成模型，把图片丢给 cloud， 让 cloud 给我们还原，看看会是什么样吧。 现在已经完成了，我们一起打开 blender 来看一下怎么样吧。说实话，刚看到这个模型的时候，我是没忍住笑出了声的，但也是情理之中。话不多说，截图丢给 cloud， 让它继续修改 moments later 让我万万没想到的是，修改完之后变得更鬼畜了，哈哈哈，那就让它继续改吧。 later 改好了，我们再来看一下，还是丑萌丑萌的，跟原图大概有百分之二十相似度，不过我们体验就到这里就可以了。接下来我们尝试下让 cloud 来做动画，看看怎么样。 顺带一提， cloud to blender 还是挺费 token 的， 我们体验到这里的时候，五小时的额度基本已经消耗光了， 在额度消耗光的时候也是很惊险的。我们的动画做完了，作为非专业三 d 设计师，我就不做过多评价了，总体来说就是现在接流程跑通了，未来一定会越来越成熟，但还是离不开专业的人来做。 今天的视频就到这里了，如果对你有帮助，希望点赞、收藏加关注，这对我很重要。
259LIULEI
02:29查看AI文稿AI文稿如果你还不知道 cloud design 怎么用，这条一定要看完。从找参考到拆素材，到把页面一步步搭起来，你自己也能照着做。进入 cloud design 以后， 新建一个项目，也不是一上来就把所有东西全塞进去。先把页面结构搭出来，但是先不要加动态背景，后面再换。切换到 motion sites， 找到想要的效果，复制提示词，这个顺序特别重要，因为先把版式搭出来，后面你才有地方放素材，不然一开始就把动态图片、文字全混在一起， 后面很难改。花海场景的页面出来以后，切换到视频生成界面，制作背景视频，回到 cloud design 里改，重点是把背景视频接进去，而且很明确的要求背景视频直接上，不要再盖一层灰蒙蒙的遮罩着，很多人页面看着脏，就是因为这层遮罩没拿掉。 接着是卡片的制作，可以在设计稿里截图参考，也可以去知乎里找参考。这一步是把你所有想要的参考截图下来，给到 club design 这里开始改一个特别细但特别重要的点， 大意就是整个页面底色改成黑的，等视频淡掉以后，后面漏出来的底也必须还是黑的。这一步特别像真正做网页的设计师，会注意的是，然后加了两个小信息块，放到大标题下面，要求也很具体，位置要放顺一点， 不要照搬参考图，原来的颜色、材质要和页面里现在的按钮控件是一套感觉。尝试改变布局大小，你会发现界面已经适配了手机尺寸。接下来又切出去找参考， 因为只有手屏好看，还不够，切换之后如果接不上，整个页面还是会断掉，所以这一步其实是在补下面的故事。 然后视频进入外部出图工具这里开始做真正的素材拆分了。第一张做的是纯背景，把原图里的字、按钮、标志都删掉，只要画面本身，而且构图位置别乱动。 这一步的目的很明确，后面这个背景可以单独用，不会被原来的网页元素污染，只保留最中间那个主体放到纯黑背景上。为什么要黑底？ 因为后面不管你拿去合成做动效，边缘都更稳，不容易脏。最后再换成和之前那个一样的光影效果，再生成视频。接着提取参考中板式的部分，单独作为一张参考图。回到 color design， 把板式参考图给到 ai， 告诉 ai 照着这个样子把下一篇内容一模一样搭出来， 接在首页主视觉下面，然后再给到背景视频的链接，这样就得到了一个新的界面。当执行越来越快，审美判断和取舍变成了设计师最有价值的能力。今天的分享就到这里，我是设计师妍妍，关注我，带你掌握更多 ai 黑科技！
1358设计师言炎
01:40查看AI文稿AI文稿你的 ai 净化地图、外部口令、艺人、公司、自媒体、职场，很震撼，来吧，展示 关于知识库的设计。我始终不满意，现在我希望你设计五个设计师出来跟我一起比稿。他们要是完全不同的风格设计之前也要先去读我们的设计规范，然后你设计完之后也不要问我太多，直接打开五个 html， 然后让我一次性去看。好吧，加油！ 我现在充了这个二十倍的 max， 我 简直是可以为所欲为了，哼，你看一下他现在已经有设计师 a， b， c， d， e 了啊！ a。 编辑部杂志封 b， 暗色数据一盘 c， 什么禅意？四、沉浸式趋势五知识图谱，你看啊，五个设计师同时开干，规范已读，品牌 dna 已吃透，现在并行出稿。 a， few， moments， later， 五个设计稿已经在全部浏览器中打开的，先看第一个，先读为敬。哎，我觉得这个 是不是比我们之前的要好一点？可能细节再优化一下。用一顿火锅前看第二个版本，这个是太黑了是不是？嗯，当一个标题挺好。哪个？这个？这是纯白的 white coating 的。 嗯，然后这个是 很震撼。一个人加 ai 能做多少？这个其实还好，这个也可以，这个数字可以，这个可以先试后买。准备好了吗？看一下这个。你的 ai 进化地图、外部口令、艺人、公司、自媒体、职场。这就没有金钱权利， 就没有那几个好。对，刚已经看到了五个笔稿的内容啊，虽然说可能都还需要一些优化，但是它这个效率已经远超我们现在找真正设计师去做这样的一个内容。所以我觉得大家有机会的一定要感受一下 ai 先进的生产力。
191Tia聊AI
00:56查看AI文稿AI文稿今天给大家分享如何使用到 cloud， 帮我们绘制成金字塔图，流程图以及机制图啊，非常简单，我们只需要把我们的内容以及这段指令啊 直接发送给他，然后他就会生成一段提示词啊，我们只需要把这个提示词复制，然后打开列表，然后我们点击粘贴，在这里我们全选，然后这里可以去选择各种各样的图形，不管信息图、数据图等等之类的都是可以的，我们随便选择一个，能选择机制图，然后他就会去进行生产， 一般生成话等待一分钟左右就可以了，并且我们在这里可以去进行放大，然后去进行二次编辑调整啊，我们点击这个文本编辑就可以了，你能直接点击这里直接去进行下载保存啊，这个效果怎么样啊？而且可以去里面 再次调整，去生成各种各样的图形，都是 ok 的。 我家里也想使用的 cloud， 用来写作、科研，做数据分析等等，都可以点击我主页的质检作品找到我。
50阿坦说Ai
00:53查看AI文稿AI文稿这下彻底把 claw design 的 桌子给掀翻了，刚发布五天就拿下一点七万 star， 它到底做了什么事情？是这样的， andropics 四月十七号推出了 claw design， 一个用 ai 直接生成设计稿的工具。但它是闭源的，付费的，而且是绑定自家模型的，很多人不买账。于是它的开源平替版本 open design 本地优先零锁定，你只需描述你的需求，它直接给你从排版、配色组建到视觉风格，整套设计全自动生成。重点是不是草图，也不是参考，而是可以直接用的设计成品。更离谱的是，它内置了七十多套成熟的品牌级设计体系，苹果、 spotify、 spacex、 stripe、 notion 等各种风格一键切换。不管你是 figma、 sketch 还是 adobe xd， 它都能把设计稿转化成标准的 jason 数据，直接接入开发流程。当每个人都能一句话生成设计稿，产品和设计是不是可以合并了呢？
4997阿甘探AI
00:54查看AI文稿AI文稿小白怎么做出这种效果的 u i 设计啊？今天很简单就教大家。第一个我，我先说的是成本，就是你们先去这海鲜市场啊， 这个，这个先搞一个 codex 啊，搞完以后呢，因为 codex 它这个量大，那 cloud 呢？它贵，很简单一个事情啊，就我们就以这个 liblib 为例啊，我们就很简单啊，就直接把它的这个使用指南啊，全部这个这个导成 pdf 啊，然后扔给 codex 啊，让他给你写一个这个设计一些拆解，写完了以后呢，你就直接打开你的啊，当然我这个是小白的办法啊，就直接就扔给这个克拉克的 design 啊，做，直接就扔给他的，就开始框框给你做啊，就这做完以后，下一步如果说你要自己去做这个这个功能页啊，那你就继续让克拉克是根据你给的文档写出你的功能的这个指指南说明，当然这个不一定百分百做，先做大干再去做，这样子的话，你们的这个整个头梗的话，消费是消耗是最少的。
02:11查看AI文稿AI文稿分享一个昨天下午开源的项目啊，叫 open design， 你 可以把它理解为开源版的 cloud design， 它就是一个设计师， 这个项目就是把类似的设计工作流做成了开源版本。作者自己也说了，他是逆向争流的，他的核心逻辑很简单，你给他一个需求，他帮你把需求变成一个真正能看的设计作品，就相当于是一个优秀的设计师。 它内置了很多设计场景，各种软件的 ui 啊，或者 ppt， 博客页面都可以类似这样的， 这个属于移动端的这种交互页面的设计，更关键的是它内置了很多设计系统，比如你想要那种 verso 啊，或者 big 嘛这种产品感很强的视觉风格， 它都可以按照这些设计规则去生成。它就是有一套明确的设计规范，颜色、字体、间距、组件、版式 都有规则约束，它内置了十九个 skill， 还有七十一个设计语言。就设计风格还有五种视觉方向，它可以接入你电脑里任何一个智能体，比如说 cloud code， codex， 小 龙虾呀， hermes 都可以用它。 那你用了它以后呢？就相当于把你常用的智能体变成了一个 ai 设计师。因为目前很多大模型的短板，其实就是 ui 设计上面 那对普通人来讲的话，假如说你要做一个 ai 工具页面或者是课程销售页，想做一个视频里展示用的那种产品页面，做个 ppt 啊，或者做一个小软件都可以用它 安装方式也很简单，你只需要复制这个地址，把地址丢给你的任何一个智能体，就是你在用的。你 如果用小龙虾，你就丢给小龙虾，用可乐扣的，你就丢给他，让他去安装就可以了。目前这个项目才发布了几个小时，已经快到一千个星了，还是很火爆的， 我预测超不过一个月，这个星应该会达到四五万，这个一点也不夸张，因为非常非常的实用，所以大家可以关注一下。
840小代不懂代码
00:28查看AI文稿AI文稿cloud 最近推出了 cloud 抵赞，它也许会彻底改变我们的设计方式。它生成作品不再是风格化的表面效果，而是运用了真正的设计技巧，几乎可以设计任何平面视觉。你只需描述你想要的效果， cloud 就 会生成出稿。而且你也可以实时优化调整，比如对元素添加批注，也可以拖动滑块调整参数，或者直接点击修改内容。 完成后你可以将作品导出到可画 ppt， 或者直接交给 cloud code 进行上线发布。我认为这并不是装了人工智能的设计工具，而是可以实时设计的 ai， 快 去试试吧。
266赛博山姆
01:18查看AI文稿AI文稿ai 又又又进化了，这次的 cloud 第三功能直接把生产力拉满了。先给大家看一下，这里有 app 板块、 ppt 生成以及网页设计等。 今天用 app 设计为例，看看一句话，生成 app 到底是不是噱头。我让 jamie 随便写了个提示词，主打一个极限测试， 进入 cloud 计算的 a p p 模块，开启高保真模式，输入提示词，刷新一个功能，完整的剩菜管理， a p p 就 出来了。稍微有点问题是因为我的提示词没有要求是 a p p， 但是可以看到拍照、库存提示这些逻辑抓得很准， 交互也非常丝滑。其实生成 demo 还不是最牛的，最让我震惊的是这三点。第一， comment 评论交互，不用改代码，直接在预览画面点击对应板块，说字错了，它就能定点修复。 第二状，涂鸦生成。我在屏幕上画了个很缥缈的爱心，它不仅识别出来了，还极其聪明地补全了收藏的点击逻辑。 第三， edit 直接编辑，哪里不爽点哪里，多余内容直接删除，体验感极好。 目前这套工具对产品原型设计和快速提案非常有帮助，还有更多功能等你们试了告诉我哦！
188Una在学习
00:34查看AI文稿AI文稿建筑人的可 out 来了！草图集成品， ai 秒出三 d 渲染户型图分为编程不新鲜了，现在连房子都能分为设计了，你只需要随手画个草图，标好尺寸， macit 立刻帮你自动布局家具，一键生成三 d 预览，任意风格渲染。但更猛的是，它不是在出效果图，而是在帮你做建筑推理。 比如房间怎么排布更合理，动线怎么规划才流畅，面积与法规怎么同时满足？原来要几周反复调方案，现在一句话告诉 ai， 我 要个三代同堂，采光好！预算两百万的养老房， ai 直接帮你推户型，算规范、出渲染，甚至预备施工方案全程自动。
197阿博粒
08:22查看AI文稿AI文稿前几天 azurepick 突然扔出了一个新产品，叫 cloud design， 消息一出， figma 的 股价当天就跌了差不多百分之七点七。这个 cloud design 它到底是个啥？它真的能取代 figma 吗？普通人能用它干嘛？今天咱们一口气把它讲清楚。 登录 cloud design 以后，你会发现主页其实是分为两个区域的，左边是让你选择你要建什么类型的项目，右边是你的设计，其实是分为两个区域的，左边是你的设计，其实是分为两个区域的，左边是你的设计，其实是让你的设计系统， 那其中这个设计系统是所有设计的基础。如果把这个配置好了之后，你接下来所有的设计风格、字体、 logo 都会选用设计系统里面的，所以它是根基，它是一个种子。那我们来看一看怎么创建设计系统。 点击创建，需要你输入一些设计系统相关的信息，比如说公司的名称和简介，还有 github 上面的代码。为什么要让你链接代码呢？因为代码里面通常都有详细的数值，包括色值、字号、字体、字间距等等，特别精细的，已经通过公司的一些品牌标准审核的， 所以这个是最精准的。他把这个放在了前两格，还可以本地上传代码，以及上传 figma 的 一个文件，基于这个风格去设计，那他会读取圆角啊、渐变呐等等 自动提取元素去帮你设计。最后就是添加你公司的字体、 logo 和相关的素材，去保证品牌视觉设计出来的一致性。如果都设计好之后，我们返回左侧选择类型，这呢其实主要是两个类型，你不要看它有这么多类型可以选啊，核心使用的还是前两个， 一个是圆形，可以输入产品名称，然后接着选择刚才我们建立的这个设计系统，他就会按照设计系统里面的风格就给你设计了。那下面这个一个是线框图，一个是高保真 相框图，就是一个粗糙的手稿图和线稿图按钮啊什么的，设计都不太完善，这是用于你在前期搭建页面的结构的时候，或者跟团队探讨如何开发的时候去使用的。当你真正想要进入收尾的结尾的界面，那我们就选择高保真。 他出来的这个设计是最贴近最终产品上线的那个最终效果图的按钮啊，色彩呀，都是特别特别好的。在我们把这些东西都选择好之后，我们就可以进入到实际的设计界面了。基本的流程是，首先创建一个项目，添加相关的截图和代码库，让他参考风格。 接下来去写一个提示词，一个好的提示词应该包含你要构建什么布局内容受众，如果 cloud 需要更多信息，它会问你的查看生成好的内容，接着用聊天和内联评论的方式进行修改和迭代，最后满意了导出。 我其实已经测试了两个项目，我们先打开这个移动端的登录页，我最开始给它提示词是帮我画一个移动端 app 的 登录页线框图，包含 logo 位、手机号的输入框、验证码输入框、获取验证码按钮和登录按钮。 那接下来他其实是会问我一些问题的，包括你需要画的多细呀，还有一系列的问题，方便他更精准的达到我的要求，我觉得这一步非常非常的好，大概等个五到十分钟之后，他就会给我发来 这四个登录页了。你可以看到它其实很简易啊， logo 也没放 logo， 只是放了这个 logo 站位有了基础版之后，我们就开始系化了。那系化其实是有三个方法的， 一个是上面的这个评论，你可以点一下之后再点具体的这个小的这个组件，比如说上面这个，我可以告诉他，我说把这个组件变成红色评论，或者是这个把 logo 换成方形， 当你点击评论的时候，其实它不会发送给 cloud design， 当你选择之后，它会统一汇总成一条，然后发送给 cloud design， 它再统一去修改， 这是第一种方式。第二种方式是可以点编辑，那这个就跟传统的设计师设计的没什么区别了啊。你可以点组件，然后自己去调整宽度、高度、填充，这个就控制能力就更强。最后一种方式就是我们在左侧这里，直接在聊天这里跟他说，比如说我需要 在四个界面如何改所有的按钮，橘黄色的改成什么颜色的，那这个通常都是大改，它是统一的改评论和编辑，都是改细节， 最后你觉得都 ok 了，这个非常满意了，我们就点右上角的这个导出，它有很多个格式，比如说压缩包、 pdf、 ppt、 kanw 和 html， 你 还可以交接给 kalot code 去编辑。比如我点一下这个， 然后我复制命令啊，直接在 kalot code 里面就可以让它帮我继续根据这个前端的页面去开发了。 那以上就是 cloud 抵赞可以做的东西，当然因为我的额度不太够啊，我只做了两个测试，一个是登录页，一个是如果我是一个产品经理的话，我要做一个 app 的 注册流程图，那他帮我画出来一个， 我可以方便跟我的团队去探讨，可以方便跟后端去交流。还有一个很有趣的地方是这个调整的部分啊，这个是在你构建项目之前，他就会问你，你需要怎么设置这个需要调整和变化的这个模块。 比如我当时让他帮我选择一个需要调整的这个地方，等他设计好之后，他就会给我一些选项啊，比如说配色，我点下黑白 他就变成黑白了，点下冷色就变成冷色了，这个特别适合。比如说你们团队有不同的意见，或者是你想看看不同的效果怎么样，那你可以在前期构建项目的时候就说好有哪些轴是可以调整字体的密度啊，还有这个背景的颜色呀，都可以设置好。 这个是个非常有意思的创新的一个设计和一个玩法。那除此之外，其实官方还给了很多个使用方法，我们可以点击左下角的这个你的用户名，这有一个教程， 你看他说可以做设计工程、产品销售、数据、市场营销和其他，那你点每一个他都会告诉你大概的流程是什么。那比如说市场营销的话， 我们可以做 ppt， 我 们可以做落地页品牌素材，还可以做单页文档，这品牌素材你可以做什么海报啦、各种宣发的图啦等等。视例里面是官方给你的用法， 我特别强烈建议大家可以看一下，非常有意思啊，比如说这个是加载一个带有真实国家轮廓的旋转地球，纯单色无文字，你也可以去附用它这个提示词创作出一样的。 还有下面这个应用引导，给一个共享单车应用画一个 ios 的 注册流程，采用什么样的配色方案，你看它真的很好看。下面这个是彩虹的扑克卡片啊，最有意思的是它会添加一些滑块，让你去调整这个颜色呀什么的。 还有一个着色器壁纸，你就可以鼠标移动，它就可以跟着你的鼠标，会有一些光晕和动效。最后就是文字力效果，这个很有趣啊，就是打一段文字，然后该有单词的时候，它就会变成火呀，风啊，还有烟呐，雪啊，电啊什么的，还有金子，很有意思，还有一些加载 动画什么的。最后这个文本流逝传输，宇宙尺度动画以及计算器构建等 等等。如果大家在使用过程中有什么问题的话，可以点这个 doc 文档，这里面写的特别详细，包括你怎么创建一个新项目，什么样的提示词是好的提示词？目前呢， cloud pro max team enterprise， 用户 直接能用上，但也有几个坑。首先它是独立计费的，跟你平时问 cloud 的 问题的额度不是一个池子，有自己的周限制。 其次，目前还是研究预览阶段，说白了， osmropix 现在就是先把它丢出来给大家玩一玩，真正成熟稳定的正式版还得再等几个月。 最后，他会干掉 figma 吗？可能短期内他干不掉 figma， 但他会吃掉 figma。 一 大块的外围市场， ai 设计工具能冲击的是那种标准化快速出图、企业内部沟通的场景，但他冲击不了的是真正需要审美、情感和客户反复打磨的专业设计。 所以可要的迪赞强的可能不是资深设计师的饭碗，而是那些本来就不应该让设计师做的杂活。如果从这个角度看，他反而是帮设计师做的杂活。如果从这个角度看，他反而是帮设计师减负的工具。好啦，今天视频就到这里了，让我们下个视频再见，拜拜。拜拜。拜拜。
1055一枚卓子
01:18查看AI文稿AI文稿ai 设计界又来了枚炸弹，最近发布的 cloud design 能够直接生成可交互模型和动画视频，还以一己之力镇掉了 adobe 和 figma 的 股价。这个 ai 原生的视觉设计写作平台，背靠 cloud opa 四点七旗舰模型，界面简洁，左边聊天栏，右边调整面板， ai 辅助和手动微调两不误。 但长相基础功能就不基础，文字描述需求就能出设计稿，静态线框图丢进去秒变可交互模型。比如这个日记 app， 能一键调整间距、颜色和布局。还有网友剖出了用 cloud design 制作的生活管理 app， 不 用代码审查，也不用 pr， 动态设计也是随手捏来，首页轮播动态图， 复杂的加载等待动画。这样看，产品设计前端的活儿他都能干。确实跟别的 ai 设计工具不太一样。科拉蒂萨生成完整视频的能力也很让人吃惊。网友粘贴了一些脖壳和推文，就有了这份半分钟的介绍视频，还有这段长达一分钟的任天堂品牌讲解 文字甚至也是任天堂 style。 静态设计就更不用提了，电子邮件、 ppt， 不 夸张的说，你能想象到的设计他都能做。 那好处说完了，坏处呢？有很多网友提到，这些功能很疯狂，但这个速率限制更疯狂，和其他 ai 相比确实恐怖，但话又说回来，贵但好用啊！ cloud design 目前面向 pro max、 team 和 enterprise 用户开放，也可以选择起额外额度，想要试试的同学千万捂好自己的钱包。
107量子位
14:50查看AI文稿AI文稿设计圈真的要炸掉了， crocco 赛一出来，前端设计师 u i 设计师要失业了，今天这集保姆级的 crocco 赛教程，我手把手带大家看一下它是怎么操作的，它到底 强在哪里？今天就带大家全程的走一下 craft design 的 整一个功能，它是怎么样的？首先我们来到 craft design 的 这个页面，非常的简约好看呐，它左边呢是功能区，右边呢是展示区以及操作区。那么首先来看一下功能区的第一个标签叫做圆形图，那圆形图它有两种 模式，一种呢就是高保帧，一种呢就是现搞的形式，那等一下我们会去体验一下。那第二个标签就是幻变片了，你看 可以输入名字，然后再创建自己的画的面，那第三个标签就是你可以导入模板，那第四个标签就是你可以从零开始，自由度比较高。那我们再往下看一下这个 set up design system 到底是什么？点击一下，那我们来到这个 set up your design system， 到底它是干嘛呢？就是让这个 crop 了解你， 比如说你可以加入你的 gift 码的文件，还有呢你可以上传你公司的 logo 啊， 一些字体或者其他的元素。那总结来说，这个系统就是说告诉 craft design 你 这个品牌，你这公司是怎么样的，你有没有一些半成品，当我了解你越多，那我后面设计出来的东西就更加符合你品 牌的调性，这个系统就是这么用的。那我们继续回到这个主界面，再介绍一下右边栏，右边栏这个 reason 呢，就是说我们最近操作的什么东 东西，你看我刚刚就点击了这个 design system， 它会显示在这里，然后这个 your designs 就是 你在这边创建的，其他的图片啊，其他网站啊， ppt 它都会显示在这里。那这个 examples 呢？就是它提供的一些案例给你，你看一下这个地球仪啊， 他这个就是用这边的这个线稿来做的，那这个地球仪还是做的很真实的，还会转动。我们再看一下其他的这个例子呢，就是说他在模仿登录的界面，那这个非常有意思啊，你看他就是把整一个流程都写出来了， 需要这一段提示时，那首先在这这个界面 get started， 然后你会输入你的号码，然后输入验证码，再输入你的个人信息，再订阅它的服务，就整个流程它帮你展示了出来，而且真的是很好看，很简约。风，这 crocodile 赛真的很强。那我们继续往下看其他的案例， 这个案例就是一个彩虹卡，你可以变化，比如说你的色调，我还可以调整它的边的粗细，还可以调整这个字母的大小，它中间这个黑桃的大小，它这个窄宽都可以调，并且还可以 k q j 十都可以调，红心 方块、梅花都可以调，也是只是用了一段的提示词，这个例子就是动态的墙纸，你看多好看，这个呢？就是 哇很多粒子，这个就是一些硅壳什么的，就是用一段这样的提示词，然后它就能够做这么多，效果出来，真的太强了吧。这个有意思啊，创建一个文字，然后这些文字呢？它本来是什么意思？它要出现那个效果，你看这个 fire 就 有火了， smoke 就 有烟了， wind 就 有风了， metal 金属， 下雪了，有电啊，有金啊，也是一段提示时就能够搞定这种特效，你说特效是现在是不是有点危险，虽然是比较简单的，但是后续的发展你不能想象的。这个就是打字的模拟嘛，就是一段提示时，它就可以模拟 一个对话出来了，所以以后的对话截图他都可以是动态的，再看一下这个宇宙尺度，播放一下，他会通过各种图形啊，数据给你体现这个宇宙尺度，他也是一段提示词就搞定。 所以以后我们做一些科学的展示，就一段提示词就能够把一些很难讲清的一些科学的知识帮你讲清楚了，你看真的太强了吧。最后一个是计算器啊，也是一段提示词就能够生成计算器，而且这么多的功能， 五加六等于十一对，没错，然后还有其他的形式是吧？这个里面的它的造型是怎么样的？然后还有不同的选择的风格啊，还有五乘六的，四乘四的还能够变颜色，天呐， 就一段提示词，强不强你们自己说吧。那以后还搞什么设计啊，直接学语言表达就行了，用自然语言就能够搞定这些了。那么最后再看一下这个标签啊， design systems 其实是跟我们刚刚介绍的这边功能区的这个是一样的东西，那我们就不多说了， 我带大家体验一下怎么去生成一个网站。但是在开始之前有一个东西值得一说的，我们在 croft 后台去看一下这个用量啊，你会看到自己每日的用量，周日的用量，还多出来一个 croftecide 的 一个单独的一个用量，那它这里怎么解释呢？就是 croftecide 正在一个研发当中，它有 自己独立的周计算的额度的，那这个额度呢，是跟你自己 pro 的 这个套餐是不相关的，就是我这边用的额度跟这边是没有关系的，但它跟这个不一样，这个呢每天五个小时就刷新，这个呢，用完以后你就要等下一周了，那我们现在开始测试一下， 那我来尝试一下用这个原型图来创建一个网站呢，我选择是高保真，然后呢命名一下 a o w web， 在就是我一个赛事的官网，然后呢选择 play， 它就会进入了这个新的界面。那我再给大家介绍一下这个界面呢，你会看到呢？左边也是功能栏，右边呢也是一个展示栏，在左边你可以 design system， 就是 你自己设置你公司的品牌的那些资料，你可以按 这个，你也可以上传一个网页的截图给他，甚至你还可以加代码或者呢 figma 的 文件都可以。这边呢就是很多的功能，这些都是可以自己去选择的。那来到下面这个框呢，是我们普通人用的最多的地方，你可以用自然语言去描述 你想要它设计的东西，描述完以后按 send 就 可以完成了。那他这里呢，有一些附件啊，还有一些导入的，这些你们自己去研究就行了。 这里还有一个 comments， 你 可以团队协助，比如说我做到哪一步啊，然后谁谁谁你帮我做哪一步啊？然后可能可以协同的去完成吧。 那我们再看一下右边栏这里啊，那你会看到下面，他会说你可以把一些图片啊，文档啊，一些其他的参考或者 figure mark 的 链接都可以丢到这里。它是一个无限的画布，你可以根据你自己的想法，然后去创作，然后它就可以帮你去设计了。你看到左上角它是一个 project， 就是你这个新的 project 来的。右上角呢就是有 share， 你 能够把你这个项目分享出去，你也可以 export 导出这个 set 文件啊， pdf 文件啊， ppt 都可以，那整体它整个界面都是很容易懂的。那我现在呢，就为了测试它，我什么都不导入，我直接用自然语言去描述，我想干嘛？ 来到这个输入框，直接输入这段提示词，我要做一个类似 w e 官网风格的直接摔跤品牌官网，我的品牌是 q p w 爵士王， ok， 直接按线，这个时候左边我们可以看到它已经开始在工作了，它做完以后就会化掉一个，然后它下面一直会给你一些 tips 的， 还挺有意思的。那 在他做的过程中呢？我试一下刷新一下我这个用量，他用了一点点的百分之二了已经，看一下我们设计完这个网页以后，他是百分之几。左边我们可以看到他在 writing styles 在 做他的风格，他每一项都标的很清楚啊，我们现在就只需要等待他去完成就行了。 好，我们可以看到他已经建立了这个 q p w website 的 这个 html 的 这个界面呢，然后还在进行当中啊， 它已经生产好了，我们等一下来验证一下。首先得看一下它用量是多少，它用了百分之十八，还是挺多的，所以要省着来用啊。好，我们这次来检验一下这个网页到底是怎么样的。 首先我们把这个微调的按钮关掉，然后看一下整个页面啊，左上角呢，这个铁龙决战显示是有点问题的，它比较大，所以撑的这里有点奇怪，如果没那么大，应该是挺好看的，那我们再看一下它顶 顶蓝啊，顶蓝的这些标签能不能用赛事， ok， 他 这边会预告一些赛事，比如说有血色王者，铁龙决战，然后还可以购票 选手页面啊，他这边已经把选手这些选手卡都写出来了，还分了这个俱乐部跟不同的独立选手，还是挺有意思的。只是呢，就是我们摔跤很少说胜负，胜率这些， 可能跟那些搏击有一点点混响，但是没关系啊，这个页面还是挺漂亮的，主打对决啊，这个就是说他的 may event， 谁对谁，这种显示也是挺有意思的。 然后再看一下新闻页面，他这个新闻页面呢，也是挺好看的，这个分成了三块，这一块就是可能比较重磅的消息，这些独家消息，而且呢还有阅读的时长啊，还有来自哪个报道组的 k o b w 新闻组、赛事报道组、装房组，而且还是挺细心的。那购票渠道呢？哦，点击购票渠道，它还能够选择这个几张票，场边席、 vip 席、天台贵宾席，立即购票。那其实也是谈到这个购票的页面挺有意思的。这个 再往下看一下它的底栏，你看它底栏呢，做的很好看，比如说我们社交媒体这边，它会有这种链接，还有介绍，还有这个赛事的导航，选手的导航， 还有关于 k o p w， 还连备案他都模仿出来了，所以整个页面我是挺喜欢他的感觉的。除了这一块，他的字体较大， 撑大的这个页面，那其实他整体是很好看的，那你说以后做前端的还怎么办？你看这是一段很简单的自然语言的提示时，他就可以帮我生成这么多，甚至我自己都没有想到的一些部分，他都帮我生成出来了，这真的太强了。 那其实呢，我们可以继续对它调整，比如说我们继续在这个输入框里面告诉它哪里出现问题了，或者说我们先打开上面这个微调的按钮，然后你可以它的整个主题可以进行一键的变化。比如说现在我们是红色为主体，是吧？我可以变成黄色，你看它就变了，整个 风格就变成了橙色了，然后还可以蓝色啊、紫色啊都没问题。还有你的快速滚动，你可以显示或者隐藏你的标题字也可以变大变小，你看都可以变换的，所以他这个微调也是挺有意思的。整体去变换就是给你多几套风格去选择， 这个还是蛮细致的，那上面的功能就更多了，比如说 common， 他 可以让你选择哪一块直接去修改，你看我这一块，我就直接用自然语言去改，这个标题太大了，称 坏了版面，我需要不分行，并且把文字改成决斗之王， ok， 写完以后直接就献 to crook， 看他会不会改，我已经献了出去了，然后他这边呢，就是已经接受了，然后再 working 了， 我们看一下他等一下改完之后是怎么样的。直接是自然语言去修改，你看这个，这个 common 就是 能够选择不同的快，你直接对这种不同的快去修改，就是指哪打哪，特别有意思。 ok， 他 已经改完了，他说已经标题已经改为觉罗之王，但是他没有实时的更改啊，我觉得应该是这个刷新一下就行了， 刷新以后你会看到确实他在同一行了，但是他这个字呢？就没有。按照我说的是觉罗之王，我不知道哪里出了问题啊，但是应该还能够继续修改的， 我试一下用其他方案去修改，我用 edit 这个地方，然后呢点击它这里，它应该能够直接修改这个文字，试一下能够决斗之王，哦，确实它能够直接修改这个文字，并且我还能够，比如说换颜色，应该是可以的。 ok， 你 看它就换换了颜色了， ok， 它已经换了颜色，然后它的大小我应该是能够选的 size， 这边改成五十， weight 一 百哦，这个是它的自重，这个应该就是它的坐标了，坐标哦，大小哦，能够这样移， ok， 这样就移下来了，然后 能够把这个字体粗一点。 ok， 我 们就大概这样改一下，哎，这样就改出来了，你看就是说你能够直接用这个 edit， 然后去点哪里，你要改它，直接改它的文字，直接改它的字号，它的颜色你都可以改， 那这个就太简单了，就是你就不用在这边去输入这文字，我觉得这种直观的，首先既所得的去修改会更加快，那改了以后它就好看了很多， 那这边为什么空呢？就是其实他自己是换灯片了，我没有图片，所以他整个画面是真的是挺好看的，说实在，然后我们最后来测试一下这个 draw 是 怎么样的啊？他这边说就是你能够就是输入任何的记录，也就是说你比如说画一个地方，然后你在这边加一个 no， 一个标签，在这里可能是告诉别人这个是干嘛的吧，然后这个按钮就是说你显示画面的大小，百分之七十五，百分之五十，这样去看一下你这个画面的大小。那这个呢？就是你显示的一个形式啊，比如说你可以全屏，你可以在新的 标签去显示，你就可以更好的看到它的显示效果。你看我一句话的功夫能够显示成这样，我觉得已经是超出我的预料了，真的很好，你只要稍微的去修改一下就 ok 了。 那除了这个 html 的 这个页面呢，你还可以看到你的 design 的 这些文件，那这个文件呢就是 放在这里，然后你可以随时去修改，你也可以呢？ export 就是 刚刚说的，就是把你的这个东西导出，然后在其他的地方去修改也行。那我今天测试就来到这里，我觉得还是挺厉害的，因为我只是一段自然语言描述的提示时，它就能够把整一个网页帮我做出来，而且还超乎我的意料， 还能够直接在网页上去修改。 croctis 真的 是在改变行业，那你也有可能有一些误区啊，你会觉得比如说十几年前的博客啊，或者一些建站，它都有这些模块的去设置，但是你要想的是以前的那些模块它是已经做好， 然后你自己去选择这个模块，幻灯片的模块，新闻的模块，评论的模块，你是在已有的菜单上去选择，而 crock design 是 不一样的，它能够根据你的自然原的描述，帮你完全的生成一个新的网页出来。这个区别我举个例子，就是好比说 博克的模块化是像现在的自助餐一样，它帮你做好的一些蔬菜啊，肉啊，你直接去端就 ok 了。但是 crock design 它是另外一个逻辑， 它是农场的逻辑，我是直接到自己的菜地去拔菜，去县城去抓那些鸡鸭鹅鱼，直接原生态的做给你，所以这两者是有很大的区别的。也就是说 crocco 的 未来是更有想象力的，但是它的额度消耗的很快，也是我们很大的痛点， 我们也期待国内也赶紧跟上这个脚步。 ok， 以上就是今天的所有分享，那你用起来了吗？觉得感觉怎么样？我们在评论区里聊一下那更深入的体验，我在后面再跟大家分享，我们下期再见。
341陈虾仁AI