Introducing Symbols

#interfaceengineering #ui #webdev #news

Introducing Symbols — an interface framework where HTML, CSS, state, events, DOM, and design systems are composed in one, simple, intuitive JSON-like syntax.

Its AI friendly and primarily built to unify design-developer experience that matches your Design/Code (Figma, Sketch, React, Vue etc.) setup, and advances with complex design system and reusability functionalities.

Its intuitive, declarative syntax that makes even beginners and AI grasp concept easily and build and reuse complex screens 10x faster.

Symbols interface is designed to be short, concise, optimised so your codebase and AI does not burn out.

It contains all the components you need to build interfaces with ease. Everything is fully reusable across your entire organization, making cross-product apps easier to build.

The interface framework comes with 3,000+ built-in components — drag-and-drop is all you need.

In Symbols, you and your team are supported by a canvas and an advanced code-like no-code editor — with collaboration, IntelliSense, error handling, AI, and a designer-friendly environment.

Components adapt to a flexible, advanced design system, enabling you to ship apps across devices — including TVs, print, and vector-based tools.

The Design System editor in Symbols is built in, giving you the full power of the framework in JavaScript — exportable to your favorite design tools.