Symbols overview tutorial
Let’s take a walkthrough how to start using Symbols from start to finish.
00:00 What is Symbols?
00:33 Quick overview of Symbols
01:16 Overview of design system
02:52 Overview of components
03:43 Adding new component to library
05:44 Creating new component
09:55 Example of component added to page
10:31 Create a new page
10:53 Add component to page
11:43 Auto deploying pages (dev version of website)
12:08 Activate inspect mode (highlight component or page elements)
12:20 Example of real-time changes with collaboration (dev version of website)
12:36 CMS
13:03 Adding functions
14:36 Properties documentation
14:48 API documentation
18:07 Upload files
18:31 Default Symbols properties page
18:50 Settings: Integrations, NPM modules, connect to CLI, domain
19:35 How to install/use locally (CLI)
21:48 Our Figma UI kit
22:31 Compile to other frameworks (coming soon)
22:53 Symbols fetch / locally
24:56 Refer to Symbols docs & discord for support
📚 Symbols Documentation: https://symbols.app/docs/intro
💬 Symbols support (Discord): https://discord.com/invite/qSaebtBf