CANVAS
Explore your entire UI kit without restrictions
See design changes across all UI components
Drag & drop to organise library
Follow & collaborate with everyone in real-time
DESIGN SYSTEM
Outline your entire design system. Fetch and automate changes.
Configure your design system from scratch or from a design file (e.g Figma), including colour tokens, themes, icons, fonts and more. Reference these tokens in your code to streamline the project’s design to development, with reduced lines of code.
No-code tools and menus make it easy to configure and maintain your design system
Switch between editor, docs and code view
Real-time changes made to both the dev version of your web project and UI kit
Auto generated and configurable type scale for both typography & spacing
Reference your design system tokens and reduce lines of code
ORGANISE
Organise and filter components by tags and categories
Preview and interact with components before adding them to project
Easily discover components by search (coming soon)
Favourite your most popular components
Zoom in and out of library to see more or less components in the same space
BUILD ANYTHING
Build anything from landing pages to saas applications
Access 500+ 100% customisable Symbols components
Use built in code editor or CLI with VS Code
Real-time preview as you make changes
Collaborate with other developers and designers
Multi-branding functionality out of the box
Automate branding changes including colours, themes, spacing and more
Preview in different global themes including light & dark modes
Switch between projects to see design system changes
Explore how future design changes will impact your UI kit
REUSE
Store & review files and functions. Reuse whenever you need.
Name your files and functions to reference as reduced lines of code
Inspect and preview code & files
TEST
Test your entire project, from pages down to the individual components. Confirm all is functioning and looks as intended.
Responsive device & sizes, with individual or all device comparisons and freeform
Breakpoints
Global themes including light & dark mode
Left to right accessibility
DOCUMENT
Use the platform as design system documentation
Avoid the hassle of creating and maintaining your style guide, as the platform will handle this for you as you make changes to your project.
PUBLISH OR EXPORT
Changes made instantly to dev version
Revert to previous changes with version history (coming soon)
Supercharge your tech stack. Retain full control.
Empower your existing tech stack with flexible and powerful ways of integrating it with Symbols.
LIFETIME DEALS
Pay once & use forever.
14 days money back guarantee
All plans include
1 workspace
Unlimited view users
Access to canvas
Open-source
Design System
900+ Symbols components
(and growing)
Brandbook and preview
Real Time collaboration
99.99% uptime
Developers documentation
CLI tool
Pages
Functions
CMS (coming soon)
Secrets
NPM & js Deliver packages (soon)
Version history (soon)
Development and production environment
Syncing to local project
Two-way syncing to local project (soon)
Custom domain (soon)
.symbo.ls subdomain (soon)
Export in HTML, React, jQuery (soon)
Figma integration (planned)
Cloudflare hosting
Custom integrations (soon)
5gb file storage per project
100k monthly website visitors
60 minutes call with our team
Priority support
Help center
Community chat
Startup Plan
Perfect for startups that want unlimited editor users
$100
/ $49 pm
1 project
Unlimited editor users
Agency Plan
Perfect for agencies that want unlimited projects
$100
/ $49 pm
Unlimited projects
1 editor user
FAQ