Mapping out your application's architecture often starts with the database. Until now, you had to manually draw tables and relationships. With SQL Import, you can now upload your SQL dump files and watch as UiGraph automatically generates a beautiful, interactive diagram of your schema.

Why SQL Import?​

Understanding a complex database schema can be daunting. Whether you're onboarding a new developer or planning a new feature, having a visual representation of your tables and their relationships is invaluable.

Key Highlights:​

• Auto-Detection: Supports MySQL, PostgreSQL, and SQLite.
• AST-Based Parsing: We don't just regex your SQL; we parse it into an Abstract Syntax Tree for 100% accuracy.
• Bidirectional Sync: Edit your tables in the UI, and we'll regenerate the SQL for you.
• Relationship Mapping: Foreign keys are automatically detected and drawn as connecting arrows.

How to get started?​

Simply head over to your dashboard, click on the "SQL Import" icon, and upload your .sql file. Your canvas will be populated with your database tables in seconds.

Check out our SQL Import Guide for more details!

If you've ever struggled with representing "frames inside a frame" or complex UI flows, this update is for you.

The Problem with Flat Diagrams​

Designers often create complex layouts in Figma with nested panels, modals, and variants. When these are exported as flat images, the technical context gets lost. You might know what the screen looks like, but not how the individual components interact or what APIs they call.

Enter Frame Groups​

With Frame Groups, you can now define specific regions within a frame that act as nested screens.

• Variants Support: Add subframes for different states (e.g., Loading, Error, Success) or devices (Mobile vs. Desktop).
• Aggregated Context: See all implementation details (APIs, DB queries) across all variants in a single view.

Map Points for Seamless Navigation​

Stop guessing where a button leads. Map Points allow you to link specific UI elements directly to other maps in your project. It's like a clickable prototype, but powered by your actual project documentation.

Implementation Points​

Connect the dots between your UI and your code. Pin an Implementation Point to a button to show exactly which API endpoint it hits or which test suite covers its logic.

Ready to level up your mapping? Read the full Points & Pins Guide.

Visualizing the Schemaless​

NoSQL is powerful because it's flexible, but that flexibility can make it hard to keep track of your data structures. Our new NoSQL visualization tools help you document your collections and tables with ease.

AWS DynamoDB Integration​

DynamoDB modeling is notoriously tricky, especially when dealing with Single Table Design. UiGraph now helps you visualize:

• Partition Keys & Sort Keys: Clearly identify your primary keys.
• Global Secondary Indexes (GSIs): See how your data is indexed for different access patterns.
• Attribute Definitions: Document your fields and their types.

Generic NoSQL Support​

Working with MongoDB or other document stores? You can now import a simple JSON schema to visualize your collections and their fields.

Why it matters?​

By bringing NoSQL into UiGraph, you can now have a single source of truth for your entire data layer, whether it's relational or not.

Dive into the DynamoDB Guide or the Generic NoSQL Guide to learn more.