CASSINI

Bridge the gap between Development and Design

Dev mode brings you browser based tools which help you build products exactly as they were designed.

placeholder image
placeholder image
placeholder image
placeholder image
Design adjacent
Keep your designs close to your WIP build
Upload your designs to Sets on Cassini and access them in the same browser tab as your website. This saves all the context switches
Overlay tool
Overlay designs on your website and spot gaps while building it
We’re re-introducing the overlay menu in your browser that lets you have a direct visual comparison between your test build and reference designs
Responsive testing
Test your websites responsiveness across multiple resolutions in one click
Build and inspect for all breakpoints simultaneously with multiple viewports right from the start
Inspect tool
Inspect code and and compare element styles on your website
Your standard inspect panel will help you re-check all that gets missed or stands out when you’re running a quality check
Session maintenance
Save your viewport settings over as many sessions you need
Build and inspect for all breakpoints simultaneously with multiple viewports right from the start

Deliver design-complete products before they go out to your team for review.