introducing CABINA

Own your live design in the code. With no code.

โœจ Join 850+ designers who already signed up โœจ
Thank you! Youโ€™re on the waiting list!
Oops! Something went wrong while submitting the form.
๐Ÿ‘† Cabina is a platform for iOS & Android designers to own the existing live components of their designs.
Without code. Built in the browser in a "design-as-code" environment.

Say goodbye to design reviews, forever ๐Ÿ‘‹

No more endless back-n-forth with the developers. No more tickets like "add 20px margin-top" or "change drop shadow" waiting years to get into work. Design your way to production:
  • UI components
  • Content, assets, copywriting, databases
  • Animations, interactions, logics and more

Own the real experience, not the design file.

It's time to take control over the live code and execute your vision to the highest degree, using a WYSIWYG visual editor which builds on the existing code (GitHub integration) and export production-ready, developer-friendly semantic code back.

Adjust, fix, update, add, push for production.

Get full autonomy over the user experience and save time for you and for the developers. You can update designs or test and validate new assumptions faster than ever before.

A faster path to launch.

You can push your changes 10x faster and lowered production costs by freeing developers to focus on front-end architecture.

Be in the driver's seat.

We're in 2021, It's time for designers to take control and touch the real thing, make an impact, and be a major part of the success.

Good ol' familiar interface.

We built Cabina in such a way that it would suit any designer who works with Sketch or Figma,
so there are no switching costs.
FAQ's

Wanna know more?

Do I need to have special skills to use it?
Nope. If you are familiar with the existing design tools such as Figma or Sketch, you'll find Cabina very easy to use. You don't need to know how to code because Cabina is a visual WYSIWYG web-app editor. You just need to understand the basic logic and structure of your app and follow the version control process within your R&D team.
How do I connect my custom app?
So the developer has completed the development of your design, or maybe you want to iterate on existing components. You may want to validate new assumptions or make changes you learned about from user research.

It's time for you to pull a build of iOS or Android from the GitHub framework and import it into Cabina.

Now do your magic without the mediation of a developer. While you design, beautiful, clean, simple code is generated in the background.
How do I push the changes to production?
Cabina allows you to control and deploy faster by building your front-end code exporters for any platform or legacy framework.

Once you are ready โ€” you are committing a pull request with a click of a button. Your developer will get high-quality, production-ready code. The developer will review the generated code just like any other code review in the team.

Existing exporters can be cloned and customized down to the last character so they will fit the local codebase and frameworks of your team.

Your version will synchronize and merge into the relevant branch in the codebase of your team and will push to production in the next release cycle.
Do you support editing websites?
No. Cabina is currently focusing on iOS and Android apps only. We believe there are plenty of other solutions for websites for you to explore.
What if i'll break things in the code?
Cabina is built in such a way that you can't overwrite or break fundamental lines of code, behavior, or logic. Cabina is focusing on the front-facing UI and the user experience components and leaves the deep infrastructure code out of the playground.

Robust integration allows developers to get information about every design element right from their favorite IDE - and synchronize codebases locally with a click of a button.

In addition, Cabina will alert if something is broken. Cabina produces production-ready, developer-friendly, high-quality, responsive code components tailored to your teamโ€™s conventions and frameworks. Zero dependencies, minimal code reviewing, and no code refactoring needed.

The idea of importing an existing code and iterate on it reduce a lot of discrepancies and risks for critical issues.We are working on a developer center with all the technical documents. Stay tuned!
What programming languages do you support?
We support Swift, Kotlin, Objective-C, and Java.
We are in advanced stages to also support React Native.
Does Cabina allow custom code?
Not yet, but it's in the roadmap.
How much does it cost?
Cabina is free. You can enjoy Cabina as we are in beta mode. In the future, you will be able to purchase a plan to scale up. No credit card is required. No trial period.
Is Cabina ready for use?
Cabina is currently in Early Access and we are phasing the releases of certain features that we already internally test and use, but need a little more time to polish. You can sign up for free and join the waiting list to be included in the next batch.
How do I contact you?
We would be very happy to talk at hello@cabina.io

We believe that designers should be the captain of their ship.
โ€
You designed it;
Own it. ๐Ÿ’—

LIMITED EARLY ACCESS

Ready to step up?

Weโ€™re working hard to get it ready for everyone!