Website Builder for Artisans

Devcon 8 · 5 Nov 2026 · 5:40

Suraj Shetty introduces Frappe Builder, an open source visual website builder, using the frappe.io website as the example. Aimed at people who want creative, fine control rather than AI vibe-coded sites, it works like Figma or Framer, with blocks on a canvas and design tokens for consistency. Shetty says the monochrome, no-gradient site took around two years and about 600 pages to build, that Frappe does not recommend AI internally for fine-tuning, and that a mature design system makes it easy for LLMs to replicate interactive pages.

Speakers

Topics

From Devcon 8, hosted by Ethereum Foundation.

Transcript

[music] >> Hello everyone. I'm Suraj. I build website builder using which you can build websites. I only have five minutes, so I can't explain my three years worth of work, but just wanted to take this opportunity to know how many people use website builders still in the age of AI. >> It's all uploaded.

>> How many of you have websites? Your personal company and of this, how many of you use builders? Not a lot. So how many of you use AI wipe coded websites? Oh. Okay. So this is not for use. So for people who want their website to be creative, to have fine control over whatever they build, this is for them.

So I will not talk about builder specifically. I will talk about one of its artifact. This is our website and this is built using Frappe builder. I would like to show this page. This is our design philosophy at Frappe. Less is better and it will reflect throughout our website and I don't think you can wipe code this page because it has some character. We have thought a lot of

things before we came to conclusion that we need this simple website. Let me show you what all pages we have. Things like this. Monochrome, nothing fancy, no gradient. And it took us around two years to build pages like this. And we have around 600 pages in Frappe Builder. So let me show you how this looks.

This is the actual editor. We use this to build pages and here are all the pages. And we have a lot of them. We organize our own conferences and we also have conference pages. This is our conference page. So the point is why did this take us two years or more? Because we we were investing a lot in the design system that you can also do it in vibe coding, vibe coded

interface. But what we really did is we took care of each and every individual pages. Not this. Okay, let me show you this. So the way it works is you have all the

blocks on your canvas and it really works like how you work with Figma. You might have seen Framer that is similar to this and you have design tokens. That is how we maintain consistency throughout. Now in the age of LLMs, if you have enough patience to you know create your own design system and built piece by piece, then I will urge you to try this tool.

And you also have for quick fine tune and all that things. You can use AI but we internally do not recommend it. But since we have this design system throughout our website, these are few interactive pages we built in say in an hour. Pages like this. And one of the highly interactive page is this where you get this demo.

So yeah, these these are the pages where we use LLMs but since we had this design system built over the years, it is very easy for LLMs to replicate. So if you are interested, try it out. I can't explain everything right now. >> [music]