Spectrum is now read-only. Learn more about the decision in our official announcement.

Views Tools

Views is an efficient way to create production quality interfaces. Check


Why do we use Views?

December 17, 2017 at 10:33pm

Why do we use Views?

December 17, 2017 at 10:33pm
Four years ago, there were no tools that would let us, a designer and a developer, build a product together.
Independently, we could produce deliverables that we would hand off to each other back and forth. However, the implementation rarely matched the design. In our silos, everything seemed to work, but the final product wouldn't meet the customers' expectations.
It wasn't the process or the lack of technical knowledge that failed us. We tried many things. We went from making a WYSIWYG editor to just writing React code. None were flexible enough. We realised we were missing a shared environment. We needed one source of truth.
Code always felt like the best candidate to be that source of truth, but HTML, CSS, JS, Objective-C, Swift and Java were just too complicated for non-developers. They were also locking us into one platform. What if we could universally define interfaces?
For us, a Universal Interface (UI):
  • is platform agnostic,
  • is easy to change,
  • is the result of a collaborative effort,
  • has one source of truth.
We designed Views as an efficient way to create production quality UIs.
UIs made with Views:
  • are platform agnostic - they morph (compile) to React web and native,
  • are easy to change - Views' composition model is intuitive and flexible,
  • are the result of a collaborative effort - designers and developers use a common language,
  • have one source of truth - designers and developers use the same files.
Additionally, Views syntax is clean and straightforward and encourages the Atomic Design principles. For teams using Views, Design isn't an overhead for Development and Development isn't a blocker for Design.
Could the Views language be the starting point for a new, interoperable standard to define UIs? Try it on your project and join the conversation.
Views Tools include:
  • an open source Morpher - available today at GitHub,
  • a Design System - available soon, currently in private beta,
  • a Previewer - available soon, currently in private beta,
  • a Composer - available soon, currently in private beta,
  • a Props Editor - available soon, currently in private beta.
We will be publicly releasing Views Tools in the first quarter of 2018. We're currently testing it with a few strategic partners and can't support new teams but if you want updates, follow us on Twitter, join our Spectrum community or Slack team.

December 17, 2017 at 10:43pm
Thanks for opening the conversation. Here's a screenshot of the mentioned Previewer, Composer, and Props Editor.

December 18, 2017 at 7:49am
I'm super excited for this guys! The product has evolved so much over the last year - props on that 👏

December 22, 2017 at 5:09pm
Hey Everyone! Here's a very first overview of Views Tools. It feels like it's about time to share a sneak peek. In 2018 we will introduce simplified states and animations. We will also create courses, guides, and tips and trick section within the Tools. Follow us for updates and share with friends if you like the concept?