Back to home

Compare

Comparing: I Spent 3 Months on Frontend. AI Builds It in 30 Min & 学前端三个月做的网站,现在 AI 半小时就能搭出来 — 给不想写代码的创业者

AEN
ai websiteno-codeside hustle·

I Spent 3 Months on Frontend. AI Builds It in 30 Min

Last week I helped Lao Zhou check his new site — I froze for three seconds

What he built with AI tools in 30 minutes took me three months of frontend study back then to figure out. I thought right there: how many detours could I have skipped if I'd known this path earlier?

Honestly, I'd always assumed you had to learn code to build a site. Until last month when I peeked at Lao Zhou's new project, I realized: us non-coders might not need that old road at all.

So what are the actual options for non-coders building sites today?

This space has shifted so much in two years. My own pothole journey: started with WordPress (had to learn themes, plugins, PHP), then tried Wix (laggy UI, weak SEO), before finally landing on what I use today.

Three main approaches right now:

  • AI one-click generation: tools like Durable and Relume — type your industry and needs, AI spits out the whole site. My cousin runs a yoga studio; last week she had AI build her a booking page without reading a single line of code.
  • No-code visual drag-drop: Framer, Webflow, China's "Shangxianle" and "Chanke". You drag components and tweak styles, all mouse-driven, logic like PowerPoint. A freelance photographer I know, Ajie, shipped a portfolio site with Framer in two days, saving ~$280/month on design fees.
  • Semi-code generation: v0.dev, Bolt.new — describe your needs in text, AI generates code for preview. You can tweak but still need some frontend sense. This path fits folks willing to learn a bit.

You might ask: is the old learning path still useful? I wrestled with that too. But look at the industry conversation — web dev education itself is being reshaped. Us non-coders don't need to chase a disappearing road.

What does it cost to replicate this setup today?

  • Money: $0-20/month. Durable's free tier is enough to start; Framer personal is ~$12/month; China's "Shangxianle" basic plan goes live for free.
  • Time: 1-2 hours for the first version, 3 days to polish enough to show clients.
  • Technical bar: can type, can use PowerPoint. No code terms required.
  • First step: open Durable.co, type your industry in the input box (e.g., "yoga studio" or "freelance photographer"), hit "Generate Website". 20 seconds later, look at the output.

I also got stuck: my first time on Webflow, the term "responsive breakpoint" had me spinning for 30 minutes. It just means "what it looks like on mobile" — you don't need the term to try it, just fix it if it's wrong.

Should you actually use this? How to pick?

  • If you're just starting and still validating your idea: I'd start with Durable or "Shangxianle" free tier, get a landing page up in 1 hour. The goal isn't pretty — it's testing client reaction. If clients will pay, then talk next steps.
  • If you already have 1-2 clients and want a professional look: I'd switch to Framer or Webflow, fiddle for 1-2 weeks myself. About $15/month, but saves a $700 design outsourcing gig. Several peers I know did exactly this.
  • If you're scaling and need more clients: I'd consider hiring a part-time designer who gets AI tools, $400-700/month, have them use Framer + AI workflows to ship fast. Don't get stuck in tool details; spend it on client conversations.

One last thing: these tools aren't for everyone. If you already have a solid site, no rush to try. But if you're like I was back then, about to spend three months learning frontend — I genuinely recommend you pause. Try AI generation for 1 hour first. You might not go back.

Source: molily.de
BZH
AI建站无代码副业·

学前端三个月做的网站,现在 AI 半小时就能搭出来 — 给不想写代码的创业者

上周帮老周看他新做的网站,我愣了三秒

他用 AI 工具半小时搭出来的东西,我当年花了三个月学前端才搞明白。我当时就想:要是我早知道这条路,能少走多少弯路啊。

说真的,我之前一直以为做网站必须学代码。直到上个月帮老周看了一眼他的新站,我才意识到:咱们这批非码农,可能根本不需要走那条老路。

现在非码农做网站,到底有哪些玩法

这条赛道这两年变化太快。我自己的踩坑经历:先试了 WordPress(要学主题、插件、PHP),又试了 Wix(界面卡、SEO 差),最后才摸到现在的路子。

目前主流的有三类:

  • AI 一键生成:像 Durable、Relume,输入你的行业和需求,AI 直接吐出整站。我表姐开瑜伽馆的,上周她就让 AI 帮她搭了一个预约页,没看一行代码。
  • 无代码可视化拖拽:Framer、Webflow、国内的「上线了」「蝉壳」。需要你拖组件、调样式,但全程鼠标操作,逻辑像 PPT。我认识的一个自由摄影师阿杰,用 Framer 两天做了作品集站,月省 2000 块设计费。
  • 半代码生成:v0.dev、Bolt.new,你用文字描述需求,AI 生成代码再预览。能微调但还是要懂一点前端。这条路适合愿意学一点点的同学。

你可能会问:那传统学前端还有用吗?我之前也纠结过。但你看看业内讨论,Web 开发教育本身在被重塑。咱们非码农,没必要去追那条正在消失的路。

今天复刻这套玩法,你要花多少

  • 钱:0-150 元/月。Durable 免费版够起步;Framer 个人版约 90 元/月;国内「上线了」基础版 0 元能上线。
  • 时间:1-2 小时做出第一版,3 天内能打磨到能上线见客户。
  • 技术门槛:会打字、会用 PPT。不用懂任何代码术语。
  • 第一步:打开 Durable.co,在输入框写你的行业(比如「瑜伽馆」或「自由摄影师」),点「生成网站」按钮。20 秒后看成品。

我也卡过:第一次用 Webflow 时,被「响应式断点」这词绕了半小时。其实就是「手机上看啥样」,你不用懂术语也能试,错了就改。

你现在到底要不要用?怎么选?

  • 如果你刚起步、还在验证想法:我会先用 Durable 或「上线了」免费版,1 小时搞个落地页。目的不是好看,是测客户反应。客户愿意付钱,再说下一步。
  • 如果你已经有 1-2 个客户、想立专业形象:我会换 Framer 或 Webflow,自己折腾 1-2 周。每月 100 元左右,但省下一个 5000 块的设计外包单。我认识的好几个同行都是这么干的。
  • 如果已经在扩规模、要接更多客户:我会考虑雇一个懂 AI 工具的兼职设计师,每月 3000-5000,让他用 Framer + AI 工作流快速出活。自己别再陷在工具细节里,把时间花在客户沟通上。

最后说一句:这套工具不是所有人都需要。如果你已经有靠谱的网站,现在不试也没事。但如果你跟我当年一样,正准备花三个月学前端——我真心建议你停一下,先花 1 小时试试 AI 生成,可能就回不去了。

Source: molily.de