Watch Webinar: Figma - Design to Code in 80% Less Time

Announcing Visual Copilot - Figma to production in half the time

Builder.io logo
Talk to Us
Contact Sales
Platform
Developers
Talk to Us

Blog

Home

Resources

Blog

Forum

Github

Login

Signup

×

Visual CMS

Drag-and-drop visual editor and headless CMS for any tech stack

Theme Studio for Shopify

Build and optimize your Shopify-hosted storefront, no coding required

Resources

Blog

Get StartedLogin

‹ Back to blog

Latest News

Builder Drop #16: Use Folders to organize content

August 3, 2023

Written By Builder Team

This past month we’ve launched a new developer experience for integrating Builder with Next.js apps. We’ve added the ability to organize your content into folders and a new Artboard mode.

Product Releases and Updates

Get started with Next.js and Builder with a few clicks

Integrate Builder with a Next.js app and try the Builder Devtools with a single command: npm init builder.io@latest

Check it out in the docs

Better organize Builder content with folders

Find content more easily by creating and organizing folders in the Content area of the Builder UI.

Check it out in the docs

Zoom and scroll in the visual editor like in Figma

Navigate and get a better perspective on long pages by selecting “artboard mode” in the visual editor.

The Builder SDKs

Builder has lots of SDKs for many of the most popular frameworks. Discover your favorite!

Check it out in the docs

SDK Gen 1 versus Gen 2

Compare and choose the right imports and helpers for the new generation of Builder SDKs.

Check it out in the docs

SSO with Azure

Get step-by-step instructions for setting up Single-Sign-On with Azure and Builder

Check it out in the docs

How to Build a modern site with Next.js and Builder live stream with Jack Herrington

Watch Builder’s Yoav Ganbar teach Youtuber, and Principal Full Stack Engineer Jack Herrington to connect Builder’s visual headless CMS to a Next.js site.

Drag and Drop with Next.js and Builder

Give your Next.js components a drag and drop UI for your team to build pages visually.

Builder Devtools for Next.js

Check out the streamlined process for integrating Builder into any Next.js app.

Introducing Valibot, a < 1kb Zod Alternative

This schema library uses code splitting and compression to maintain a super-small size while validating your Typescript schemas

Introducing Visual Copilot: convert Figma designs to code using your existing components in a single click.

Try Visual Copilot

Share

Twitter
LinkedIn
Facebook
Hand written text that says "A drag and drop headless CMS?"

Introducing Visual Copilot:

A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot
Newsletter

Like our content?

Join Our Newsletter

Continue Reading
Web Development15 MIN
Figma to Vue: Convert Designs to Clean Vue Code in a Click
WRITTEN BYVishwas Gopinath
June 14, 2024
Web Development12 MIN
Figma to Angular: Convert Designs to Clean Angular Code in a Click
WRITTEN BYVishwas Gopinath
May 16, 2024
Web Development18 MIN
Getting Started with Mitosis: Creating a Cross-Framework Design System
WRITTEN BYVishwas Gopinath
May 7, 2024