Audi Design System by Audi

Visit Audi Design System by Audi

https://www.audi.com/ci/en/guides/user-interface/introduction.html

Transform complex automotive interface challenges into consistent, premium digital experiences across Audi platforms with Audi User Interface Design system. Built for product teams and developers, this comprehensive framework combines 23 reusable components with 8 foundational directories so you can create cohesive automotive interfaces efficiently, while design tokens, animations, and multi-brand theming capabilities enable professional user experiences without rebuilding common patterns. This system operates on Figma-integrated platform trusted by Audi's global design team, featuring advanced UI Kit libraries with Sketch and Figma integration that includes everything from layout structures to accessibility standards ensuring interfaces feel native to Audi's progressive premium ecosystem. Whether you're building vehicle configurators or scaling design consistency across multiple automotive touchpoints, this comprehensive design system helps every project ship faster with consistent, luxury interfaces that maintain visual coherence across web, mobile, and in-vehicle applications while supporting responsive design standards.

You might also like

https://kigen.design/color

Kigen Color

Transform hours of tedious color manipulation into instant professional palette generation with design system tool Kigen Color Generator. Built for designers, developers, and product teams who need consistent color systems without manual shade calculations, this intuitive platform combines algorithmic precision with customizable controls so you can generate complete 11-shade palettes from any base color and export directly to Tailwind CSS, Figma, or standard CSS formats, while real-time contrast checking and multiple color space support enable seamless design system integration without compromising accessibility standards. This runs on a platform that understands modern design workflows require speed and precision, ensuring every palette maintains mathematical consistency across all shade variations, supports popular frameworks like Tailwind CSS with ready-to-use tokens, and bridges the gap between design vision and development implementation. Where other tools require complex manual adjustments, Kigen delivers instant professional results that scale across entire design systems.

Colors

https://www.semplice.com/

Semplice

Transform template chaos into custom creative presence with WordPress portfolio builder Semplice. Built for designers, artists, and creative professionals, it combines drag-and-drop simplicity with unlimited customization so you can create stunning portfolio sites without coding, while custom animations and advanced typography enable professional presentation without technical barriers. The platform offers visual content editing with modules and layout blocks, allowing you to showcase work through custom grids, hover effects, and responsive design that adapts seamlessly across all devices. Advanced features include parallax scrolling, scroll animations, thumbnail hover effects for video projects, and comprehensive SEO optimization tools for social sharing. This runs on a platform trusted by world's leading designers including Ash Thorp, Jon Contino, and Pawel Nolbert, ensuring every portfolio loads faster, appears sharper, and scales effortlessly across creative industries from graphic design to photography.

Portfolio Builder

https://www.killerportfolio.com/

Killer Portfolios

Killer Portfolio, portfolio inspiration is the showcase tool that eliminates design block with curated examples. Portfolio websites, 92 followers.

Portfolio Inspirations

https://www.dzine.ai/

Dzine

Transform creative workflows from hours to minutes with AI image editor Dzine. Built for designers, photographers, and business owners seeking professional results without technical complexity, it combines generative fill capabilities with intuitive layer-based editing so you can create stunning visuals instantly, while sketch-to-art conversion and AI photo filters enable limitless creative expression without expensive software subscriptions. The platform handles everything from object removal to background replacement through intelligent automation, ensuring your projects maintain professional quality across social media, marketing materials, and product photography. You can access text-to-image generation, style transformations, and precision editing tools while maintaining complete creative control through an accessible interface designed for all skill levels. This runs on technology trusted by creators worldwide with 100 free credits for new users and comprehensive community support, ensuring every project delivers exceptional results that elevate your brand presence and accelerate creative timelines through intelligent design automation.

AI Image Generator

https://www.framer.com/wireframer/

Wireframer

Skip wireframing struggles when AI-powered intelligence delivers targeted AI wireframing tool with AI wireframing tool from Framer Wireframer. Built for designers, developers, and creative professionals seeking rapid ideation, it combines conversational prompting with instant responsive layout generation so you can transform concepts into structured foundations within seconds, while smart suggestions and seamless canvas handoff enable comprehensive design development without starting from scratch. This runs on a platform trusted by design teams worldwide with desktop availability and no-code editing capabilities, ensuring every wireframe project ships faster, looks purposeful, and scales strategically. The AI-powered layout generator creates clean, hierarchy-focused structures for landing pages, portfolios, and personal sites through simple text descriptions, giving you direct access to responsive, interactive foundations that separate efficient design workflows from time-consuming manual wireframing across contemporary web development projects.

Website Builders

https://icons.radix-ui.com/

Radix Icons

End inconsistent icon styling with streamlined SVG solutions from Radix UI Icons SVG icon library. Radix UI Icons, built for React developers and designers, combines crisp 15×15 SVG icons with Figma and Sketch downloads so you can customize color, size, and style instantly, while npm and IconJar support enable seamless integration with your front end projects without hefty dependencies. Accessibility-first primitives and scalable vector graphics ensure every icon looks sharp on any device; class overrides and direct CSS styling grant total visual control without overriding your existing workflow. Whether assembling a new design system or enhancing legacy projects, Radix UI Icons library delivers over 333 open source icons, optimized for clarity and usability, available individually as React components. This platform is trusted by over 9.9k GitHub stars, helping every product maintain visual consistency, accessibility, and effortless scalability across digital experiences.

Icon Packs