Coming soon

Babbily Design. Turn an idea into polished visual work. Describe what you need and Design builds the first version on a canvas: designs, interactive prototypes, decks and one-pagers, on your brand.

In development. Details may change before launch.

Design/ Autumn sale page
Northwind design system
A landing page for our autumn sale, in our brand.
Read the Northwind design systemLaid out four sectionsWrote the copy
Here’s a first version, in your brand. Comment on anything you’d like changed.
Done: I made the headline bigger and kept the hero lined up with the image.
100% Share
Autumn sale · Desktop
NorthwindShopJournalStoresSign in
Autumn saleUp to 30% off coats, knits and boots, through Sunday.Shop the sale
Wool coat$168
Cable knit$84
Chelsea boot$142
Free returns for 60 days© Northwind

How it works

Three steps from an idea to finished visual work.

  1. 01
    Describe it
    Say what you need, from a landing page to a pitch deck. Upload images, documents or a sketch to start from.
  2. 02
    Refine it on the canvas
    Comment on any element, edit text directly and adjust spacing and colour, then ask Design to carry a change across the whole piece.
  3. 03
    Ship it
    Export to PDF, PPTX or HTML, share a link with your team, or hand the design to Babbily Dev to build.

Built for real brands

Babbily Design learns your look once and applies it to everything it makes.

Prompt
Learn our brand from the storefront repository and the brand guide in Drive.
Plugins
GitHub
Google Drive
Northwind design systemLearned from your repository
Colour
Ink
#1F1F22
Coral
#FF5242
Blush
#FCEDE7
Mist
#EBEBEB
Sky
#0B7FBF
Type
AaTitleBody text, 15/24
Components
Get startedLearn moreEmail
Your design system
Design reads your codebase and design files to build your colors, type, components and layouts, then uses them in every project.

Also built in: Auto and every leading model, Projects and memory, and one pool of usage with the rest of Babbily.

What you’ll make with Design

From a landing page to a board deck, each one starts with a description.

A landing page

Describe the page and Design lays out a first version on a canvas, in your brand. Comment on any element to change it.

A pitch deck

Turn a rough outline into an on-brand deck, then export it to PPTX or PDF for the meeting.

A prototype to test

Clickable flows with real interactions, ready to put in front of customers before anything is built.

Social posts

Campaign visuals and social posts that match the rest of your brand, in every size you need.

A one-pager

A sales one-pager or a short report, laid out and ready to send, from the notes you already have.

Start from a sketch

Upload a photo of a whiteboard, an image or a document, and Design builds from it instead of a blank page.

Your brand, everywhere

Design reads your codebase and design files to learn your colors, type and components, then uses them in every project.

Hand it to Dev

When a design is ready, Babbily Dev picks it up and builds it in your repository, with a pull request to review.

The right model for every piece

Design will work with every leading model. Auto reads each request and hands it to the model best suited to it, from layout and copy to images and code, or you can pick the model yourself.

How Auto picks the model

LayoutCopyImagesCodeSpeedOne modelBabbily with Auto
LayoutCopyImagesCodeSpeedOne modelBabbily with Auto

Part of every Babbily plan

Design will share your Babbily account, your projects and your plan’s pool of usage with Chat, Dev and Intern.

Frequently asked questions

Babbily Design is on its way

Design is in development, and details may change before launch. Everything else in Babbily is ready today, on the same account Design will use.

Try Babbily