Design Studio
全部素材5,107可交互85
结账流程11日程日历26业务仪表盘31首屏引导292关于我们43应用框架47功能介绍334集成展示35方案定价96联系表单46商品列表44商品详情52商品分类25商店首屏13拼贴卡片54用户证言40数据表格32图表组合15侧边导航21支持请求2购物车17个人资料设置9用户资料12顾客评价21图表卡片27页面页脚45顶部导航21购买动态提示3集成设置10支付方式4企业档案管理9商店页脚6待办清单10历史订单5图片画廊142邀请成员11文章列表134商品卡片28文章正文42字段映射2商品速览10指标卡片10下载入口24优惠弹窗12团队展示48成员设置5商品图库21作品集列表34通知设置4购物权益6作品详情34排行榜3订单摘要9心愿清单6时间线19初始设置2商品参数2着色器视觉20商品对比8购物保障条4商店导航4社交内容流8促销条幅11帮助中心2标识墙40服务目录19服务详情7注册10登录8方案对比10行动引导56奖项荣誉23背景纹理145资源列表8资源详情3社区入口7数据成绩20招聘岗位16常见问题38代码示例9安全合规12公告条幅25案例列表17技能与工具2案例详情3预约演示3内容长文4更新日志7行业领域5结构化列表3工作经历4服务流程4候补名单3服务报价2体验反馈7发展故事7整套搭配10商品搜索10优惠入口5隐私偏好条19找回密码4免密邮件登录4邮件订阅6通行密钥2重置密码5双重验证4邮箱验证6招聘介绍4员工福利4投资方展示1工作场景照片1客户资料3订单管理6商品库存4发货管理3商品编辑4项目管理列表4项目记录详情2团队目录6成员目录6问题列表4看板3任务甘特图1问题详情2收件箱7立体封面流54沉浸图像空间5发布倒计时2媒体报道1热点商品组合6退换与退款1运费估算1门店查找6
上下文菜单27日历16迷你日历5按钮126图表85文件上传45头像34组合选择框42表单85确认弹窗39按钮组39输入组合39按键提示39字段容器43下拉菜单30骨架屏30侧边面板31滑块29提示框25输入框24轻提示35展开区域23抽屉22空状态22视频播放器8折叠面板108行情报价8命令面板21徽章22代码试验台4悬浮详情卡20媒体故事轮播4验证码输入20二维码4步骤流程26导航菜单20进度条20分页19看板4开关19图片放大4分隔线18图片裁剪8对话框17甘特图12加载指示28富文本编辑器8弹出面板15多层弹窗4面包屑14卡片叠组6多行输入13贡献热力图4复选框12对比滑块4标签页11颜色选择器4内容条目10横幅提示4菜单栏10头像组9单选组10数据表格16日期选择器8标签8自动补全15滚动区域8可调尺寸面板9表格38工具提示8比例容器7切换按钮7切换按钮组7表情选择器6卡片5轮播4标识3价格2评分15边框动效按钮24可滚动标签栏1主题切换按钮28第三方登录按钮48登录按钮32项目收藏数10计数器11公告胶囊6头像堆叠6功能展示砖230选项卡框5代码块6支付卡片6拖放区域5表单星级7链接预览5列表面板66滚动展示带6信息胶囊25时间显示5选择框51命令片段6状态标记5标签选择6主题选择器5树形列表6分组任务列表8数据工具栏3筛选面板2迷你趋势图3统计指标3时间线1
早期示例 →
界面组件

代码试验台

4 个素材 · 0 个可交互

风格
元素
控制台代码沙盒
仅参考图标签页 · 代码块
文件浏览器沙盒
仅参考图代码块
预览优先沙盒
仅参考图标签页 · 代码块
代码与预览沙盒
仅参考图标签页 · 代码块

5,107 个素材 · 用法：把提示词和参考图一起发给 AI 编程工具。