Creating a Figma Design System: Buttons, Links, Icons, and Images
153Welcome to the third of three videos on creating a design system in Figma. In this final video, we'll add buttons, links, icons, and images to our design system. ► Download unlimited Figma UI and UX kits: https://elements.envato.com/graphic-templates/ux-and-ui-kits/compatible-with-figma?utm_campaign=yt_tutsplus_Am8GSD3IGfI&utm_medium=referral&utm_source=youtube.com&utm_content=description
We’ll be working on a minimalist portfolio WordPress theme in this video. You'll learn how to develop several aspects of the design system, so that you can implement your own buttons, links, icons, and images. The WordPress theme will eventually be coded, and you’ll be able to download it for free as well.
A Figma design system helps both the designer and the developer of a website. It helps the designer create new pages in the future, making sure everything is consistent, and it also helps the developer by creating an efficient coding process. The design system contains all the colors, the typographic information, sizing and spacing, and more.
To learn more about what design systems are and how they work, check out this comprehensive guide: https://webdesign.tutsplus.com/series/how-to-unlock-the-power-of-design-systems--cms-1322?utm_campaign=yt_tutsplus_Am8GSD3IGfI&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_Am8GSD3IGfI&utm_medium=referral&utm_source=youtube.com&utm_content=description
Read more on Creating a Figma Design System: Buttons, Links, Icons, and Images on Envato Tuts+: https://webdesign.tutsplus.com/tutorials/figma-design-system-buttons-links-icons-images--cms-36291?utm_campaign=yt_tutsplus_Am8GSD3IGfI&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: https://tutsplus.com/?utm_campaign=yt_tutsplus_Am8GSD3IGfI&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_Am8GSD3IGfI&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus
► Follow Envato Tuts+ on Twitter: https://twitter.com/tutsplus
► Follow Envato Tuts+ on Facebook: https://www.facebook.com/tutsplus
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -