Design Component
Published Oct 11, 2023
Contribute to Docs
Design components are specific examples of design elements that might exist within a given context. They can be thought of like building blocks for design, which are often documented within a component library as part of a larger design system. Examples of design components could include elements such as buttons, headings, icons, form fields, and menus.
To dive deeper into one example, a button designed in accordance with the style guide for a specific website or brand would qualify as a component. Buttons are clickable elements often used to highlight certain calls-to-action or links on a website, and are a common design pattern used across all kinds of websites and applications.
Contribute to Docs
- Learn more about how to get involved.
- Edit this page on GitHub to fix an error or make an improvement.
- Submit feedback to let us know how we can improve Docs.
Learn UI and UX Design on Codecademy
- Career path
Front-End Engineer
Front-end engineers work closely with designers to make websites beautiful, functional, and fast.Includes 34 CoursesWith Professional CertificationBeginner Friendly115 hours - Free course
Introduction to UI and UX Design
Get started with User Interface (UI) and User Experience (UX) Design and learn how to wireframe and prototype using Figma.Beginner Friendly2 hours