Google AI News 10月07日 00:04
Vibe Coding:AI赋能,让非技术人员也能轻松构建应用
index_new5.html
../../../zaker_core/zaker_tpl_static/wap/tpl_guoji1.html

 

Vibe coding是一种新兴的开发领域,借助AI技术,它使得没有传统编程技能的人也能构建网站和应用。通过自然语言描述想法,AI工具即可生成可用的原型,极大地降低了产品开发的门槛。虽然简单的应用可以通过vibe coding直接实现,但要将其发展为成熟的产品,仍需结合传统的编码技能或AI辅助编码工具。这种方法不仅加速了原型设计和想法可视化,还为创意人员和工程师之间的协作提供了新的可能,让更多人能够参与到产品创造的过程中。

✨ Vibe coding的核心在于利用AI技术,让不具备传统编程技能的用户能够通过自然语言描述来构建网站和应用程序。这打破了技术壁垒,使得创意构思能够更直接地转化为可见的产品原型,极大地 democratized 了产品开发过程。

🚀 Vibe coding并非完全取代传统编程。对于需要大规模用户使用或高度复杂性的产品,仍然需要专业的编码技能来完善和优化。AI辅助编码工具(如Jules)可以与vibe coding工具(如Stitch)结合,实现从概念到可生产代码的完整流程。

💡 Vibe coding在原型设计和可视化方面具有显著优势,能够帮助用户清晰地传达想法,并加速与工程师或设计师的协作。它提供了一种直观的方式来探索创意,并为后续的开发奠定基础,即使是非技术背景的人也能有效地参与到产品构思和早期开发阶段。

🎉 Vibe coding也为个人娱乐和趣味性项目提供了平台。用户可以自由地尝试和创造,无论是为自己制作小工具还是与朋友分享创意,都能带来乐趣。这种实验性的方式也推动了AI工具的快速迭代和发展,许多成功的工具都源于最初的快速实验。

You’ve heard of coding, and you’ve definitely heard of vibes. But what do they have to do with each other? Vibe coding is an emerging field of development, thanks to AI. It’s helping people build websites, apps and more. To get a better idea of how vibe coding works, why it’s becoming increasingly popular and what you can do with it, we talked to product director Kelly Schaefer, who leads a portfolio of AI-powered products in Google Labs.

What do you do at Google?

My teams and I build what we call “future of” products, which focus on the future of design, writing and even software development. In the software arena, we’re thinking about how to democratize building products. It’s not just engineers who will be building in the future!

And vibe coding can help with that democratization. What’s your definition of vibe coding?

Vibe coding lets you build what you envisioned in your head even if you don't have traditional coding skills. It’s a process where, for example, you can use an AI tool and explain what you want to make and what you want it to look like, and that tool will generate something for you that you can see and use. In the past, you would have had to manually write lines of code to do that.

Do you need to have any coding skills to vibe code?

You actually don’t — you can make simple apps just by vibe coding. But it might not be the best solution depending on what you’re trying to build and how many people you want to use it. If you want to bring a vibe-coded app all the way to being a fully launched product that a lot of people can use, you still need coding skill and precision. Sometimes people think “I just need to write two sentences about my app and I’ll have an app in the Google Play store that everyone can use!”

So it’s not just like you can think of something, see it in your mind and poof — it’s vibe coded perfectly, working exactly as you imagined?

Right. You can describe something in simple terms and get a vibe-coded app — but to turn it into a real product you’ll need to keep going. It’s great to start by opening a vibe coding tool and trying something simple — for example, the Canvas option in Gemini allows you to enter a prompt like “make me a web app prototype.” You’ll get a basic product. If you wanted to turn this into something lots of people could use, then you could take the next step and start coding, or sharing your basic web app with a developer who would take it to the next stage. For that step, there are tools like Jules, an AI coding agent from Labs, which connects with your code and adds its own code based on what you’ve already made — plus you can ask it to make changes using natural language. Starting this whole process with vibe coding means more of what you saw in your mind’s eye can make it into the final product.

Your vision and your vibe! Sounds like vibe coding isn’t mindless, but it’s helpful for someone who wants to make something and doesn’t know how to code. What kinds of projects do you think are a good fit for vibe coding?

It can help you with prototyping and visualizing your idea so you can communicate it to others, for example if you want to make a functioning app or website for a lot of people to use. Tools like Stitch are especially good at this — you can generate an interface and get front-end code, and then pair it with an AI coding agent like Jules to turn that design into working code. Jules is more of a developer tool to implement ideas at a production level. It’s really helpful because you can hand off multiple tasks at once — something our users love! — like fixing bugs or building out new features.

Together, Stitch and Jules show how vibe coding isn’t only about generating snapshots of an experience, but about making the full loop from idea to design to production-ready code accessible.

I’m guessing what I could vibe code would be very different from what an engineer could vibe code, right?

Well, sure, but your purposes are probably different, too. For example, Stitch is great when you want to quickly describe or visualize an idea, while Jules can carry that forward into live prototypes and all the way into production. Used together, they mirror the way an engineer and a designer might collaborate. If you’re not an engineer or a designer, vibe coding is a way to visualize what you want an engineer to build. Instead of starting with a doc, start with an interactive visual. Also, vibe coding tools are totally something to just have fun with! You can make whatever you want for yourself or to share with friends for no reason other than your own entertainment.

What’s your advice for someone who doesn’t want to be a traditional engineer and wants to get good enough at vibe coding to either build apps or help others visualize them?

Before using a vibe coding tool, start with Gemini and try writing prompts that describe your ideas. Ask Gemini “what am I not considering here?” or “what are some different takes on this?” You're going to get a much better prompt out of it, but also you're going to develop more of a sense of taste, which is really important!

Why’s that?

If you first iterate on the description of what you want to build, you’ll start off on way stronger footing for the actual app. And you don’t want AI to make all the decisions on its own — you want to take the lead! What I’ve found is that when you chat with Gemini about your prompt, the back and forth conversation helps you identify details that you want to include. So much of using these tools is knowing yourself and what you want to accomplish, not just listening to the AI.

Any other tips?

I’d also suggest playing with some of these tools — like Canvas or Stitch. Have very low expectations for yourself! Don’t be intimidated by vibe coding. Many of our products in Labs began as fast, vibe-coded experiments and then grew into stable, production-ready tools. Stitch and Jules allow you to quickly experiment as well: They capture the playful energy of vibe coding while also delivering the depth and reliability developers need to build real applications.

Sounds like a great way to test out ideas, even if you don’t know how to code, and just vibe out.

Yes, you got it!

Fish AI Reader

Fish AI Reader

AI辅助创作,多种专业模板,深度分析,高质量内容生成。从观点提取到深度思考,FishAI为您提供全方位的创作支持。新版本引入自定义参数,让您的创作更加个性化和精准。

FishAI

FishAI

鱼阅,AI 时代的下一个智能信息助手,助你摆脱信息焦虑

联系邮箱 441953276@qq.com

相关标签

Vibe Coding AI开发 低代码 无代码 产品原型 AI工具 软件开发 Google Labs Kelly Schaefer Gemini Stitch Jules
相关文章