Introducing the Ogma Design Kit: Prototype graph visualizations in minutes

Starting from a blank canvas and going through pages of documentation can slow any graph project down. But Ogma just made the whole process easier. 

Introducing the Ogma Design Kit. 

Instead of searching for each and every element you need to build and design your graph experiences, get all the options at your fingertips in Figma. It helps you prototype faster, skip building everything from scratch, and get to your final project with less friction, while ensuring visual consistency.

The Ogma Design Kit is a series of pre-built Figma templates and customizable components you can adapt to your brand. It includes predefined variables for colors, typography, and sizing. These elements can help you get your prototype ready in hours instead of days, since it means you don’t have to build everything from the ground up. 

You can select any graph element you need from the Design Kit and customize it for size, node and edge styles, colors, icons, and typography to match it to your brand identity. 

You can also start from a proven graph visualization template, which can be used as-is, or modified with additional components, such as card nodes. And, with a built-in accessibility checklist, you can keep key elements top of mind to help ensure the graph visualizations you’re creating are legible and understandable to all users.

The Ogma Design Kit solves some of the challenges our customers have shared with us about designing and prototyping their graph projects. 

In many cases when you’re building your application using Ogma, you’ll need to apply your own branding. The Design Kit makes this easy for you. It can make a real difference for you if:

• You need a starting point for your branded graph visualizations
• Building custom designs from scratch is slowing your prototyping process
• If experimenting with styling is taking time away from validating concepts with stakeholders

The Design Kit mirrors the Ogma JS graph library’s real-world constraints, ensuring what you design is actually buildable.

Ready to start prototyping your graph experiences faster and with less headache? Ogma users can request access to the Design Kit today. 

Not using Ogma yet? Discover all you can do with the high-performance, JavaScript graph library for your large-scale interactive graph visualizations.