Brokenatom Docs
  • 👋Welcome to Brokenatom
    • 🔤How to use this Documentation
    • 🕸️Web Development Basics
    • 🤔Why Brokenatom?
  • 🧱Brokenatom's Architecture
    • 📑Data Modelling
    • 🔐Permissions
    • 🎨Design Editor
    • 🚀Publishing
  • 🛠️Getting Started with Brokenatom
  • 🖌️Design Editor
    • Add Elements
    • Pages
    • Layers
    • Assets
    • Design
    • Data
    • Conditional Filter
    • Canvas
  • ⚙️Header
    • Application Name and Logo
    • Publish
  • 📑Models
    • Creating a Model
    • Adding Properties
    • Deleting Models
    • Updating Documentation
    • Generating Models with AI
  • 🔐Permissions
    • Roles
    • App Logins
    • Authorization
    • Creator Profile
  • 🔢Versions
    • 2.0.0
    • 1.0.0
  • 🔧Troubleshooting
Powered by GitBook
On this page

Was this helpful?

Design Editor

PreviousGetting Started with BrokenatomNextAdd Elements

Last updated 9 months ago

Was this helpful?

The App Editor is where you will spend most of your time while building on Brokenatom. Before you begin developing, it's ideal to familiarise yourself with the four essential sections.

Essential Sections

  • Header: Change tabs, change the project name, switch between apps, preview the app, and publish the app.

  • Left-Side Bar: Add and change system-wide configurations.

  • Right-Side Bar: Configure selected elements.

  • Canvas Area: View the applicating being built.

  1. Add Element

  2. Pages

  3. Layers

  4. Assets

  5. Design System

  6. Data

  7. Conditional Filters

  8. Docs

  9. Help

  10. Canvas editor

  11. Style Editor

  12. Screen Size

🖌️