In this video Emmanuel Henri explores a design system and what tools exists to create one with exported assets.
- [Instructor] If you're familiar with a design system,…feel free to skip this video,…or speed through it.…But basically, a design system is a set of rules…and visuals to document colors, fonts,…and shapes of your designs…and used by everyone who works on an application…and stakeholders.…In other words, it is the source of truth…for all to reference to when needed…and working on the products.…Again, if you maintain a healthy conversation…with your developers,…and understand what is doable within the limits…of the tools and frameworks used when developing,…you should have a smooth role…building your own design systems.…
So let's take a look at the few tools…that can help you build your design system.…The first place I would go to is Envision.…So Envision has a set of tools to allow you…to build that one source of truth…for your design system.…And it works in sync with Craft.…So Craft is the plug in for sketch…where you can actually build your designs…and then sync them to Envision.…So when you work on your designs on sketch…
Released
12/11/2018- The language of the developer
- How React relates to Framer X and prototyping
- Design elements for web and native mobile development
- Exporting CSS and SVG assets from Framer X
- Working with a design system
- Using React components in Framer X
- Customizing components in Framer X
Share this video
Embed this video
Video: Design system introduction