《Stitch的使用指南以及AI新开发模式杂谈》

前言

大家好,今天这篇文章给大家带来UI设计大杀器--Google Stitch,本文会介绍它如何使用,并且在文章的最后,作者想谈谈自己对未来AI编程的理解:7天开发模式,开发一个小而美的项目,其中还会衍生出一些商业模式!

Stitch介绍

Google Stitch 是一款高质量界面生成工具,我们都知道前端开发者一般在公司需要根据UI设计师小姐姐的设计稿来开发页面的样式,但是如果你想要自己独立开发,做一款自己的产品,于是你就会苦恼于前端的UI设计,但是有了Google Stitch之后,现在只需要扔给他 一段话,它就能充当一名专业的设计师,帮你立马生成UI设计稿!

Stitch的使用

实践出真知!让我们直接focus于Stitch的使用吧

1. 访问Stitch

首先让我们进入Stitch的首页吧

由于它是Google的产品,所以我们需要用Google的账号登录,注意:可能亚洲的地区访问的适合会比较困难,所以我们需要用一些你懂的来帮助我们更好地访问

如上就是首页啦

2. 输入prompt

我们需要在对话框中输入我们对产品的设计描述,发送给Stitch

这里大家作为例子学习,可以使用我的prompt

Design a modern routines management app. It manages up to 3 routines for users. It can be but not limited to 3k running, reading for 15 mins, and drink 2L water. The app should have the following screens: 1. Routines screen to list and manage the 3 routines 2. Routine detail screen to display the selected routine data 3. Settings screen to configure the routines The design should be modern, with active colors. Use modern font family.

这段prompt的主要意思就是设计一款App,旨在帮我们养成习惯,需要根据产品理念设计这个App相关页面的设计,在设计的过程中,要求使用一些指定的风格等,大家实际设计产品的时候根据自己的要求和细节去设计prompt就可以啦。

注意prompt最好细节一些哦

让我们点击发送,然后静静等待

3. 得到设计稿

当Stitch读取了我们的prompt,会让我们确认生成,我们点击make them all!确认即可!

然后我们就能看到它帮我们生成的页面设计啦,可以看到 是不是很专业呀

就抽根烟的功夫,它就能够将我们对产品的想法给设计出来,给我们生成一个页面设计

这让我们不得不震惊于它的强大! 那么强的功能,以至于很多设计师都会望而生畏,那么我们试想一下,我们是否可以实现 无设计师前端开发,一人公司, 依靠它的快速效率,一周完成一个产品的完工呢?让我们接下来详聊!!!

随谈

大家想想,一般在一个大型公司,设计师是必不可少的,因为大型公司的项目级别太大了,说实话,由于AI设计的不确定性,在大型公司中,这种Stitch的设计只能说带给我们辅助,而不是替代。

但是,如果你在一个小型公司,或者说你自己或团队开发一款产品的话,我认为这个Stitch的功能就可以拿来替代 设计师的岗位了,而不仅仅是设计师的岗位,我认为原本团队里的很多岗位都可以被AI全链路替代: 比如设计可以用Stitch 前端编程可以用Cursor,后端编程也可以用Cursor,待后面市面上推出来一些服务器相关的AI的话,甚至说可以不断缩小到团队里只有你一人,一人公司,你只需要做一个项目经理,其它的交给AI,各种各样的AI平台就仿佛你公司中的各种各样的成员。

让我们很想去做一个小而美的项目,这也是现在外国很流行的一种理念!

做一个小而美的项目

什么是小而美的项目呢?它不像市面上常见的抖音、微信、美团这种大型项目,这种项目往往需要几十个到上百个页面构成,而我们说的小而美的项目,往往是针对某些部分需求,迎合市面上的一部分人,比如 番茄时钟,它可能只是由三四个页面甚至更少构成,它并不像美团这般系统,有各式各样的功能,它是针对于一类需要进行时间管理的用户满足需求,但你别看它小,实际上,它的用户付费量已经达到了很大,因为它解决了很大一部分用户的需求,所以它的商业价值仍然是很大的,并且最重要的是,它的开发成本极低,我们只需要使用上面介绍的AI全链路的方法,一个人做个一周就能开发出这种小而美的项目了。

一周开发一个产品

我们有了这种一周开发一个产品的能力,那么随即就能迸发出一套商业模式,这套商业模式目前在国外非常流行。

上面我们提到了,当你有一个番茄时钟这样能够迎合很大一部分人的需求的产品时,你就能赚到很多钱,以极低的开发成本,做三四个页面,就能让很多用户付费。

但是,当你在开发这种小而美的产品时,你又怎么能够让你的产品满足这部分人的需求呢,或者说,你怎么知道市面中,用户有哪些需求没有被解决呢,你想开发一个App,能够让他们为你的产品订阅,这点其实谁也不能保证,但是我们可以量化:一个石头没有仍中,那么我们就多扔几次,直到听到响

新的商业模式

一人公司的生产成本相对传统来说是极低的,下面说的一切都是在这个为前提的情况下,你有许许多多个想法,想做很多的项目,但是你并不能知道哪个想法能够在市场上爆发,像番茄时钟这样赢得人们的喜爱。

所以你利用极低的成本 使用AI全链路,可以一周开发一个项目 并上线,将这块石头扔到市场里,看看能不能听到响,倘若确实没有什么反响,几乎没有人认可你的项目,或者说有很多人是你的用户,但是又不愿为你的项目订阅支付,没关系,我们就沉没成本,扔掉这个项目 ,继续使用一周的时间开发下一个项目,当达到下面的条件时,你的项目就成功了:

用户的订阅的付费 > 项目种使用AI的LLM token 开销

不断试错,总能找到受人喜爱的,能够使你项目盈利的软件,因为我们开发的成本极低,对吧!'

这就是我要说的"一周开发一个产品"衍生出来的一套商业模式

现在国外就不断流行着这种模式,我们如果能够熟练使用AI全链路的开发方法,那么我们就可以"出海"!去国外开发这种小而美的项目,几个简单的功能,专注于这些功能,抓住用户的痛点和需求点,真正利用好AI的价值!

相关推荐
JosieBook1 小时前
【SpringBoot】21-Spring Boot中Web页面抽取公共页面的完整实践
前端·spring boot·python
吃饭睡觉打豆豆嘛2 小时前
深入剖析 Promise 实现:从原理到手写完整实现
前端·javascript
前端端2 小时前
claude code 原理分析
前端
GalaxyMeteor2 小时前
Elpis 开发框架搭建第二期 - Webpack5 实现工程化建设
前端
Spider_Man2 小时前
从 “不会迭代” 到 “面试加分”:JS 迭代器现场教学
前端·javascript·面试
我的写法有点潮2 小时前
最全Scss语法,赶紧收藏起来吧
前端·css
小高0072 小时前
🧙‍♂️ 老司机私藏清单:从“记事本”到“旗舰 IDE”,我只装了这 12 个插件
前端·javascript·vue.js
Mo_jon2 小时前
css 遮盖滚动条,鼠标移上显示
前端·css
EveryPossible2 小时前
终止异步操作
前端·javascript·vue.js
Stringzhua3 小时前
setup函数相关【3】
前端·javascript·vue.js