To ensure the adoption and success of a design system, creators need to adopt a marketer's mindset, craft a compelling narrative, engage with different stakeholders, and demonstrate its value consistently across the organization. Strategies include developing target audience-specific pitches, utilizing engaging communication channels, establishing clear success metrics, and fostering a community of internal advocates to create a self-sustaining culture of use and improvement.
Tesla's recent numbers show that its bad design is causing the company to suffer. The company's car design needs to be more modern and modern. Its insistent commitment to following impossible manufacturing specs has caused production problems. Tesla's refusal to use third parties to craft and manufacture components has led to quality issues. The lack of dealerships constantly decreases customer satisfaction.
The Washington Post developed a 10-day component sprint process that emphasizes collaboration between design and development teams. It contains stages like kickoff and implementation that aim to reduce delivery time and technical limitations. Gathering input from stakeholders and documenting insights are crucial for success as it fosters diverse perspectives and shared stewardship for the design system's adaptability.
Pictify offers APIs to convert HTML to images or GIFs. You can draw images in HTML, export them, and create personalized and shareable content.
Stylar's AI filters will help you effortlessly turn ordinary photos into artwork.
Recursively detach instances, remove auto layouts, and detach styles and variables within your current selection in Figma.
Designers don't necessarily need to implement designs in code, but they should grasp key web concepts like the box model, flexbox, and grid to work effectively within the medium. While tools like Figma have improved in replicating web behaviors, understanding HTML, CSS, and JavaScript allows for a deeper appreciation of digital design considerations and fosters better collaboration with developers for enhanced user experiences.
Designers should prioritize user needs over technology in UX design and avoid over-relying on AI tools by designers. While AI is seen as a valuable tool to streamline processes and aid research in UX design, it's essential to verify AI-generated information and recognize its limitations in understanding user experience.
This post shows how Webflow's team runs large-scale design updates while keeping the UI consistent. Using design tokens and CSS variables, the team improved the range of intentional design updates and made theming a breeze.
2024.04.11·wf-blog-2021.webflow.io·5 min read·TLDR Design The best design focuses more on fixing the basics than creating the newest, shiniest thing.
This is a game where players guess the background color by adjusting three sliders (Red, Green, and Blue).
Apple may revamp its Apple TV experience by adding a built-in camera for video calling and new hand gestures.
The LEGO Group's new brand identity, influenced by its heritage of fostering creativity through play, merges existing elements with comic book-inspired graphics to create a cohesive design system. Developed with Interbrand, it emphasizes storytelling, playfulness, and simplicity, aiming to maintain the brand's global appeal while remaining consistent and innovative.
The new version of Google's enhanced image-generating tool, Imagen 2, has been launched inside the Vertex AI developer platform. The model family can create and edit images with text prompts, similar to OpenAI's DALL-E and Midjourney. With Imagen 2, users can now remove unwanted parts of an image, add new elements, and expand an image's borders to create a wider field of view. As part of the upgrade, users can create "text-to-live images," which are short, four-second videos from text prompts.
Adobe has revamped Frame.io, incorporating extensive workflow and tagging features to simplify project management for creatives. It will be rolled out first for Free and Pro users, with team/enterprise updates expected later in the year. The update introduces a customizable metadata framework for organizing media and enhances the review process with detailed feedback options, including emoji reactions and anchored comments.
A comprehensive approach to building a cohesive and scalable design system, from laying the groundwork and aligning with company goals to defining design foundations and creating reusable components. By utilizing tools like Figma, teams can ensure consistency across products, streamline workflows, and maintain a shared design language to improve design practices steadily.
Andrea Burgueño and Izzi Cain, co-leads of the Service Design Guild at IBM, have advanced the company's service design practice and mindset. They focus on holistic experiences and employee-customer interactions to deliver delightful products. Through education, cross-collaboration, and the adaptation of service design frameworks, they aim to scale the impact within IBM. They are exploring the integration of AI tools to further this goal.
Attention to detail results in unique, beautiful, and memorable products. Nonetheless, the rush to ship fast and constantly makes it difficult to focus on user experience details. Yet, we must find time to make our products special and unique and, most importantly, consider the customer's journey.
2024.04.10·mydesignside.substack.com·3 min read·TLDR Design With this handy plugin, you're no longer limited by Figma's 4,096 pixels image size limitation.
This collection of design patterns will help you design trustworthy services that work for people.
Slater helps you seamlessly supercharge your Webflow website with custom code.
The medium has always influenced typographic design. Designers are now exploring new frontiers in type design, particularly in spatial computing and AR/VR, ushering in an era of experimental typography to redefine how typography is experienced and engaged with.
By critically examining Personas, we can see their value and more problematic consequences. We can overcome the limitations of traditional personas and celebrate the full spectrum of human diversity by embracing frameworks like JTBD and Empathy Maps and encouraging continuous user exploration and awareness, ensuring that every user feels seen, understood, and valued in the products we design.
Assumptions can make you move faster, but the problem is that they’re not based on facts. In some situations, it is more effective to turn ideas into hypotheses, which serve as starting points for proving or disproving a position. Translating assumptions into hypotheses reduces risk and enables you to build a learning process.
2024.04.10·grillopress.github.io·5 min read·TLDR Design Project commissioned by DeepMind that features interpretations by 13 artists on key themes in AI, aiming to demystify complex concepts through over 100 dynamic images and animations.
Using icons enables information to be conveyed quickly, universally, and memorably as they exploit our brain's ability to process visual information quickly.
2024.04.10·blog.streamlinehq.com·7 min read·TLDR Design Responsive images in web design fluidly adjust within CSS layouts based on properties like width, height, and aspect ratio to suit different viewport sizes.
A secret startup co-founded by OpenAI CEO Sam Altman and former Apple design chief Jony Ive is in talks with significant venture capitalists for funding of up to $1 billion. The startup has held discussions with Emerson Collective, a venture capital firm founded by Laurene Powell Jobs, and Thrive Capital, an OpenAI investor. The startup's personal AI product aims to challenge the conventional smartphone experience and feature several OpenAI technologies, including its most advanced GPT models.
Apple's recent research on MobileCLIP, a family of efficient mobile-optimized image and text models, could profoundly impact its next generation of mobile devices. As part of its new multi-modal reinforced training approach, the company has also significantly improved learning efficiency by leveraging knowledge transfer. Technology like MobileCLIP will result in better image searches, real-time visual look-ups, improved object detection, and new augmented reality experiences, without needing an internet connection.
Rooms, a free 3D design platform created by ex-Google employees, lets users make 3D rooms and mini-games with over 7,500 digital items. It now has over a quarter million registered users. Users will be able to discover relevant creations more efficiently with a new Trending feed and new categories, including "Games," "Art," "Fantasy," "Nature," and even rooms inspired by popular IPs. There is also an Explore page with more ways to discover user profiles, top games, and all-time favorites. The app now offers "Honeycomb View," which allows you to view multiple rooms simultaneously in a hexagonal grid.
Remote work has dramatically expanded the competitive landscape in recent years, opening the field to a worldwide pool of skilled designers. Consequently, companies adapted their hiring practices, creating objections we must address to sell our services effectively. In these changing times, new strategies are necessary, such as improving your online presence and personal brand positioning, delivering unique value that supports a premium rate, and remaining open to flexible working arrangements that reduce hiring risk.
A user journey should have clear objectives, rely on user research to avoid making false assumptions, and understand how emotions affect users' decisions. A compelling user journey considers the context surrounding the user, including problems and issues, as well as all the touchpoints, channels, and what happens after conversion. User journey maps require a balance between simplicity and complexity and their design needs to be revisited periodically.
Design systems should be scalable enough to accommodate new products or verticals that deviate from the company's brand. The combination of CSS custom properties and Sass variables allows us to create a powerful theming system that overrides the system's defaults and creates a new scope of consistency.
Logo inspiration from a collection of logo examples from actual companies. The logos can be filtered by industry and style.
Riveo is a special effects video editor and maker that helps you create immersive, professionally edited videos.
Studio Kiln designed a dynamic identity for the Royal Television Society's 'Too Much To Watch' 2023 event featuring balloon-like letters symbolizing content abundance, adapted across touchpoints with bespoke lettering and contrasting typefaces.
2024.04.09·the-brandidentity.com·3 min read·TLDR Design In the 1990s, gaming embraced 3D technology, leading to flashy UI designs, until Sony's Wipeout prompted a shift towards stylish interfaces. Ridge Racer Type 4 drew inspiration from Gran Turismo, adopting a simple yet functional UI with a black/yellow palette, effectively enhancing the gaming experience and highlighting the significance of UI design.
According to rumors, the third-generation Apple Pencil will support Find My, have an interchangeable nib system, and enhance function management with a new gesture. The company is expected to announce the new Apple Pencil alongside the iPad Air and iPad Pro next month.
This year's hair trends favor natural texture and low-maintenance styling, mirroring content design's move towards resilient structures.
Modern operating systems let users choose color themes, which web developers can sync using CSS' light-dark() function, simplifying website theming and ensuring compatibility with system preferences.
While technologies are likely to change radically in the coming years, the core of design will remain human, allowing us to tell human stories more effectively than ever before.
According to photos of alleged dummy iPhone 16 units appearing on X, Apple seems to be adding a programmable action button to every iPhone 16 model. There's a new button on the right side called "Capture," which may be used for zooming and snapping photos more intuitively than currently possible on iPhones. 9to5Mac reports that both iPhone 16 Pro models will be bigger than last year, with the iPhone 16 Pro measuring 6.3 inches and the iPhone 16 Pro Max measuring 6.9 inches.
NASA has invited three space companies, Intuitive Machines, Lunar Outpost, and Venturi Astrolab, to build rugged vehicles astronauts can drive on the moon's surface. Next year, the agency will select a winner based on specifications such as range, battery technology, and life span. Using the vehicles, astronauts can carry scientific equipment, collect samples from the surface, and travel farther.
Many brands move quickly to protect their copyrighted materials and likenesses. Coca-Cola has recently launched a campaign that does the opposite, celebrating the many interpretations of its logo created worldwide for generations. The ‘Every Coca-Cola is Welcome’ campaign embraces and showcases grassroots interpretations of the company's wordmark created by bodegas, shopkeepers, and local artists instead of slapping these creators with lawsuits.
Design tokens promote collaboration and save team time by providing a common language for design decisions. By providing a scalable system of colors, fonts, spacing, and sizing, they aid product teams in maintaining consistency and allow them to update their styles more seamlessly. This thoughtful article explores a cross-functional workflow using design tools like Figma and web components.
Most meetings are time-consuming sessions with no clear direction or practical results. However, sometimes they drive collaboration and product innovation, bringing the team together to fine-tune design and product visions and drive projects forward. To design successful meetings, it's important to include clear objectives, a pre-meeting brief, time management, cooperation rules, and a clear action plan.
With context, examples, and guidance, AI tools like ChatGPT and Microsoft Copilot can generate research questions, tasks, interview prompts, and study materials much faster than creating them from scratch. Research leads and ResearchOps personnel can assist junior researchers and PWDRs by providing examples and advice for AI agents. Experienced researchers can use AI to expedite research planning and find inspiration.
Storyset is a collection of thousands of editable illustrated concepts.
Waitforit lets you easily and quickly get customizable waitlist forms.
Shopyflow allows you to build Shopify stores using native Webflow elements and workflows.