Frappe Studio: The Visual App Builder for the Frappe Framework

Frappe, the creators of ERPNext, have been building high-utility products for years. Frappe Framework auto-generates frontend layouts for all your DB objects. While this brings a lot of consistency in the frontends for business apps like ERPNext, there are times when some apps or screens demand more composability.

When building next-generation apps, the delay from code to output often limits our creativity and flow. We think in terms of the final output first, then work backwards. If we could skip the boilerplate and setup, jump straight from idea to interface using consistent, pre-defined components and layouts, we could build a lot more, a lot faster.

Frappe Studio is a 100% open-source, low-code, visual app builder built to solve exactly this.

In this talk, I’ll:

1. Introduce Frappe Studio with a live app-building demo to showcase its capabilities.

2. Dive into some technical internals of how this Vue-based app builder was put together.

3. Share what's coming next.

1. How to build apps with Frappe Studio
   Walkthrough of the full workflow: building layouts, connecting data, wiring events and actions, along with the small utilities that make the process faster and smoother.

2. Under the hood: Vue Internals, Frappe Framework & TypeScript
   A look into the internals of how these three are used programmatically to enable dynamic, schema-driven app building inside Studio.

3. What’s next for Frappe Studio
   Upcoming features and roadmap—how Studio will bridge the gap of app creation with better UX.