Generate design system from Figma

Generate design system from Figma with AI tools. Discover the best AI marketing tools and resources to enhance business strategies and growth with innovative AI solutions.

Keyword
media_tag
price-type

Featured

Favorites

More Filters

.bg-primary, .bg-primary:hover,.bg-primary:focus, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover, .badge-primary { background:#1072D3 !important; } .btn-primary, .btn-primary:hover { color: #fff; background-color: #1072D3 !important; border-color: #1072D3 !important; } .text-primary, .filters_col .distance span { color: #1072D3 !important; } .btn-outline-primary { color: #1072D3 !important; border-color: #1072D3 !important; } .btn-outline-primary:hover { background:none !important; } .text-primary a { color: #1072D3 !important; } [ppt-nav].active-underline > ul > li.active > a { border-bottom: 2px solid #1072D3!important; } .bg-secondary, .bg-secondary:hover, .bg-secondary:focus, a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover, .irs-bar { background-color:#000000 !important; } .btn-secondary, .btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: #000000 !important; border-color: #000000 !important; } .text-secondary { color: #000000 !important; } .text-secondary a { color: #000000 !important; } .btn-outline-secondary { color: #000000 !important; border-color: #000000 !important; } .btn-outline-secondary:hover { background:none !important; } .custom-control-input:checked~.custom-control-label::before, .filter_sortby a.active { color: #fff; border-color: #000000 !important; background-color: #000000 !important; } .elementor-23203 .elementor-element.elementor-element-6b9860a2 { --display: flex; --gap: 0px 0px; --background-transition: 0s; --margin-block-start: 0px; --margin-block-end: 0px; --margin-inline-start: 0px; --margin-inline-end: 0px; --padding-block-start: 0px; --padding-block-end: 0px; --padding-inline-start: 0px; --padding-inline-end: 0px; overflow: visible; background: black; } .elementor-23203:not(.elementor-motion-effects-element-type-background), .elementor-23203 > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: black; } .shadow-hover-lg:hover { box-shadow: 0 5px 5px 0 rgb(0 0 0 / 5%)!important; } [ppt-box] { background-clip: border-box; display: flex; flex-direction: column; color: #000; position: relative; border: 2px solid #ddd; box-shadow: 0 1px 1px rgb(0 0 0 / 4%); background: #fff; } .rounded { border-radius: 10px !important; } .opacity-2 { opacity: 1; }