如何使用Google Stitch

没有设计技能?没问题。 Google针迹在几分钟内将您的简单文本提示转换为现成的UI。

来源:KDnuggets
作者的图像| canva

#简介

在应用程序开发过程中通常会发生的情况是,您和您的团队最终确定了设计,进行开发和测试,以及终于该回顾您已经建立了数周的建筑物时,就会感到偏离。它看起来要么是不发达的,要么简单地“不正确”。太多的迭代,太多的时间以及一路走来的地方,最初的想法丢失了。

为了解决这个问题,Google引入了一种名为Google Stitch的新工具。您只需提供简单的英语命令,并获得一个可以部署的美丽,响应迅速,可以进行生产的原型。最好的部分?可以在stitch.withgoogle.com上免费尝试。在本文中,我将使用Google Stitch带动您的经验,并教您如何开始。

您只需提供简单的英语命令,并获得一个可以部署的美丽,响应迅速的,可以进行生产的原型。 stitch.withgoogle.com

#开始使用Google Stitch

前往stitch.withgoogle.com并在开始之前使用Google帐户登录。

// 1。选择您的模式

//

从屏幕的右上角,您可以在以下模式之间切换:

    标准模式(Gemini 2.5 Flash):最适合快速草稿和MVPS。经验模式(Gemini 2.5 Pro):让您从图像输入,线框或草图中生成UI,您可以上传灵感。
  • 标准模式(Gemini 2.5 Flash):最适合快速草稿和MVP。
  • 标准模式(Gemini 2.5 Flash):
  • 实验模式(Gemini 2.5 Pro):可让您从图像输入,线框或草图中生成UI,您可以上传以获取灵感。
  • 实验模式(Gemini 2.5 Pro):

    // 2。描述或上传

    您会看到一个提示盒,上面有画布。

      文本说明示例:“一个带有徽标的注册表单页面,电子邮件/密码字段,以原色提交按钮。
  • 文本说明示例示例:“登录表格页面,上面有徽标,电子邮件/密码字段,以主颜色提交按钮。”