Skip to main content

πŸ–₯️ Improvements In Code Editor

dbdiagram

As developers, we understand that the editing experience is something that you care about! Hence, we are excited to share that the editor on dbdiagram has been improved significantly in this new release!

Improved look and better experience​

  • Press F1 to see the command palette and explore familiar shortcuts! (powered by Monaco Editor). Enjoy shortcuts such as:
    • Shift + Alt/Option + Up to copy a line up
    • Ctrl/Cmd + D to add selection to next match
    • and many more!
  • Minimalistic and sleek design that is aesthetically pleasing to the eye (powered by Monaco Editor)
  • Easily toggle your code editor with the Cmd + \ shortcut, and enable the editor to increase up to 50% of your screen width. Your preferred editor size will be remembered as well the next time you come back to work on your diagrams.

Code Editor

Zooming to diagram elements from the code editor​

No more wasting time searching for the correct table in complicated diagrams. You can easily find which part of the diagram you want from the code at any time.

To zoom in on a table/table group/relationship, use Cmd/Ctrl + Click or Cmd/Ctrl + F12.

Code To Diagram

Feel free to share your thoughts on our community.


🎨 Support Table Header Color and Table Group

dbdocs

We heard you! Table Header Color and Table Group are now available in dbdocs! These two are well-loved features in dbdiagram, and are most requested by our dbdocs community.

With this, you can add a custom color to your table headers and group tables together to better organize your data models.


Table Header Color​

Choose a custom header color for each of your tables! This allows you to differentiate between tables and create more visually appealing documentation.

To set the header color for a table, use the following syntax:

Table ecomm_core.products [headercolor: #087f23] {
...
}

Table Group​

Group tables together into categories! Keep your data models organized and maintain clean, clear documentation.

To group tables, use the following syntax:

TableGroup product_group {
ecomm_core.products
ecomm_core.product_tags
}

These features are immediately available for everyone. However, similar to dbdiagram, they might be moved to a paid offering when we introduce paid plans in dbdocs in the future.

Give them a try and let us know what you think!


πŸ“‹ Customizing Table/Field Notes with Markdown

dbdiagram

To enrich your table/field descriptions, you can now use Markdown syntax to present code blocks, sample data tables, related URLs, and so on.

On the other hand, by changing the way we display notes (in a separate popup), we hope you will find it easier to read long notes that were previously narrowed in small tooltips.

Before: Old Table Notes|100x50

After: New Table Notes with Markdown supported|690x379

Feel free to share your thoughts about the feature on our community.


πŸ’Ό Team Pricing Plan

dbdiagram

We’ve kicked off the year 2022 with the ability for individuals to collaborate in real-time with others. After hearing a lot of encouraging comments from users, we decided to introduce the Team Pricing Plan with Team features in order to make the team collaboration experience even more seamless.


You can start your 7-day Team Plan Trial by making a brand-new workspace for your team in the "My Workspaces" window.

More information about the Team Plan can be found on our pricing page.
You can also read up on Workspaces in our documentation.


πŸš€ Team Workspace - Team features

dbdiagram

Collaborate with your colleagues. Manage team's diagrams all in one place.

By collaborating on a team workspace, your team will be able to:

  • Have a central place for your whole team to store, access, and share database diagrams. team-workspace-diagrams

  • Invite and manage your teammates in one workspace, and allow them to take advantage of the Team plan’s benefits. invite-people-to-team

  • Easy to manage diagram access of guests and teammates. manage-diagram-access