本播客由扣子空间（coze.cn）一键生成
给扣子做一个官方招聘网站需要多久？
反复修改设计稿7版...
等前端排期3天...
上线前紧急改需求2天...
no no no 🤚
现在只需要： 打开扣子空间！
扣子空间最新上线网页设计功能，
输入你的想法，让扣子空间帮你开发！
第一步
打开扣子空间 coze.cn ，点击“网页”tag
第二步
对话框中输入你的需求
当你输入：
生成一个现代、响应式、专注于“coze”招聘的官方网站。网站主题色统一为#E3E4FF，整体背景使用白色，采用简洁的布局和清晰的排版，并适当呈现积木元素风格，营造科技感与秩序感。网站品牌名称是“coze”
第三步
稍等片刻，招聘网站马上生成！
点击进入扣子官方招聘网站：
https://space.coze.cn/coding-expert-runtime/135999697922
注意！本次招聘网站皆为真实招聘信息，欢迎大家投递简历～
第四步
不满意的地方，点击元素可以继续编辑，
同时也支持自然语言！
你还可以随时调整细节，比如直接使用对话修改："导航栏使用浅紫到白色渐变色"——AI瞬间就能完成修改。
修改后👇
同样，你也可以直接在预览界面选择页面上任意元素，通过自然语言对话，实现二次编辑。
同时，上传参考图片，还能帮你一键复刻网页！
截图/ Figma 设计稿/网站/手画稿皆可
1.上传Figma设计稿，实现1:1复刻
a.复制figma链接
b.点击输入框下方的 Figma 按钮，粘贴 Figma 链接，输入任意提示词开始还原网页设计
c.等待输出，查看还原结果
输出效果概览（左原 右扣子空间复刻）
2.输入图片，一键还原设计
从个人主页到营销页面一键生成
场景1：活动营销页面
适用场景： 新品发布/直播宣传/优惠促销
📌 指令公式：
目标+受众+视觉风格+核心功能+交互需求
生成活动类型页面，面向目标人群
视觉风格：色调/字体/质感描述
需包含：核心功能模块
交互要求：动画/按钮/表单等特殊需求
我的指令：
“Nomad”高端旅行社的北极探险预定页
项目名称与目标: “Nomad”旅行社的“北极光探险”套餐预定页。核心目标：激发用户的冒险精神和对奢华体验的向往，引导其“咨询预定”。
核心受众: 高净值人群、寻求独特体验的资深旅行者。
……
案例回放链接：https://space.coze.cn/share-coding-expert/7527930931799523610
场景2：机构主页
适用场景： 企业官网/学校招生/医院科室
📌 指令公式：
网站结构+设计风格和元素要求
生成机构类型官网，品牌名称
核心视觉：主色/字体/LOGO描述
内容模块：导航栏/介绍区/功能区块
技术要求：响应式/交互效果等
我的指令：
生成一个现代、响应式、且专注于创意设计工作室的官方网站，网站主题色为黑白色调，采用简洁的布局和清晰的排版。网站的品牌名称是“Mirage Creative Studio”，口号是“Crafting Digital Experiences that Inspire”
……
案例回放链接：https://space.coze.cn/share-coding-expert/7527930931798212890
场景3：个人主页
适用场景： 在线简历/作品集/博客
📌 指令公式：
个人定位+设计风格+内容分区+交互动效
设计风格：背景/配色/字体
内容分区：关于我/项目经历/技能/兴趣爱好
交互动效：页面过渡/导航栏/动画
我的指令：
请为我创建一个现代、专业、视觉层次分明且具有流畅过渡效果的两页式技术简历网站。网站应充分体现前端工程师的技术审美和交互能力。
核心设计元素：全站星光宇宙背景
……
案例回放链接：https://space.coze.cn/share-coding-expert/7527930931798638874
场景4：生活网页
适用场景： 电子请柬/纪念相册
📌 指令公式：
布局背景+风格调性+视觉元素
风格调性：优雅/浪漫/清新等
内容结构：板块布局/文字内容
视觉元素：动效/字体
我的指令：
"生成一个现代、优雅且专注于婚礼邀请的中文单页网站，并扩展为两页结构。"
……
案例回放链接：https://space.coze.cn/share-coding-expert/7528053512359067931
场景5： 前端工具
适用场景： 学术论文引用格式生成器
📌 指令公式：
工具类型 + 核心功能 + 交互逻辑
开发：工具名称
功能需求：工具所用到的功能
交互要求：一键复制/多格式风格等
我的指令：
"开发一个学术论文引用格式生成器，
功能需求：输入作者、标题、出版年份、期刊/出版社 → 自动生成APA、MLA、Chicago等标准格式的引用文本，
交互要求：填写表单时实时预览结果，每种格式旁添加‘复制’按钮，
UI设计：左侧为输入表单（标签+文本框），右侧为多标签页结果展示区（APA/MLA/Chicago分页显示）"
……
案例回放链接：https://space.coze.cn/share-coding-expert/7527930931798442266
🙋欢迎加入扣子空间交流群
来扣子空间，生成你的网站！
「扣子的100种打开方式之网页设计」 火热进行中！
0基础也能玩转网页设计！
7月22日至8月22日，
晒出你用扣子空间生成的网页，
投稿 Top 30 即可获得300元京东卡 ，
参与即有机会获得扣子周边 ~
欢迎跟我们分享你的创意网站！
🎁 参与互动
评论区留言你想做的网站，截止7月31日18:00，点赞前3将获得扣子周边T恤一件！
合作&转载： bd@coze.cn