How it works
From idea to live URL, step by step.
The same six steps whether you build in the visual editor or let an AI agent build for you. Every step is saved as a draft until you decide to publish.
Create a project
Pick a name and an address. You instantly get a home page, a shared layout with header and footer, and a live URL on rigrid.io.
Set your design system
Define colors, fonts, spacing, radius and shadows as tokens, then create shared styles for buttons, cards and inputs. Change a token once and every page updates.
Model your data
Create collections for your content with typed fields and permissions, then add records in the editor or let your AI agent seed them. Visitors can write to collections through forms.
Connect your APIs
Add REST data sources for your backend or third-party services. Keep secrets on the server, define endpoints and test them against the live API.
Build pages and behavior
Compose pages from building blocks and reusable components. Attach queries, bind data to elements, and wire up clicks and form submits to actions.
Validate and publish
Run a full check for broken links, missing alt text and bad bindings. Publish in one click, connect your own domain, and roll back any time.
Two ways to build
By hand, by prompt, or both.
In the visual editor
Drag, drop and style with full control over every breakpoint and state. Ideal for designers and marketers who want to see every pixel.
With your AI agent
Describe the result and let the agent do the heavy lifting over MCP. Its work lands in the same editor, ready for you to refine.
Learn about AI agentsReady for step one?
Create your project in a minute, or book a demo for a guided walkthrough.