Appearance
Skip to content
Design graph visualizations in minutes, not weeks
The Ogma Design Kit gives you components that you need to prototype graph visualisations in Figma
What is the Ogma Design Kit?
The Ogma Figma Design Kit helps teams design consistent, branded graph visualisations that complement your application's look and feel. It includes 90+ ready-made components and templates for layouts, plugins, and examples that display Ogma's capabilities.
90+ Customisable Components
Use our customisable components to create drag-and-drop prototypes without needing to code.
Example Templates
Kickstart your project using templates with components based on our documentation examples.
Node Attributes and Edge Attributes
Explore Ogma's key styling capabilities in the visual representation of its node and edge attributes.
Variables
Use variables to globally define your style. Light and dark mode included.
Why use the design kit?
Ship branded visualizationsControl colors, font, and spacing detail with our variables. Create branded visualizations instantly. Works in light and dark mode.
Faster prototypingNo need to create components from scratch. You can use pre-made components that match Ogma's default designs.
Align before buildingShow stakeholders the actual data visualization before development starts. Catch design issues early. Reduce production rework.
Request access to the Ogma design kit