Community Picks·2yOpen source illustrations kit
Over 120 high-quality illustrations, initially created as part of a 100-day challenge, are now available for free download and use in commercial and personal projects. These illustrations can be easily integrated into Figma and FigJam as SVG/Vector files. No attribution or licensing is required.
Community Picks·2yBest design system examples
Exploring top design system examples to help build or improve your own, this post covers the essentials like consistency, efficiency, scalability, collaboration, and quality control. Featuring IBM's Carbon, Atlassian's, and Adobe's Spectrum design systems, it offers insights into unique approaches and best practices in design systems.
Medium·2yFigma fiasco.
Figma's latest updates, featuring new AI capabilities and a revamped user interface, have generated significant dissatisfaction among users. Critics argue that the changes prioritize profit over user experience, complicate simple tasks, and cater to non-designers. The restructured UI and AI functionalities are considered not only unnecessary but also detrimental to the workflow of professional designers. Many are considering alternatives like Penpot and Sketch due to these frustrations.
The Dev Craft·2yWhat are your favorite diagramming tools?
The post discusses various diagramming tools, including the user's experience with Visio, Lucidchart, and Figjam. While Lucidchart is noted for having good functionality, it may not be ideal for whiteboarding. Figjam is appreciated for its flexibility in brainstorming and not feeling constrained. The post seeks recommendations for other tools, particularly open-source ones.
Fireship·2yClaude crushed GPT-4o… and 13 other tech stories you missed in June
June 2024 saw significant tech developments including Figma's new AI tools for generating UIs and visual asset searches, Claude Sonet 3.5 surpassing GPT-4o in coding capabilities, and a new silicon chip from Etched boosting AI inference speeds. Noteworthy incidents involved Cloudflare's hefty extortion demand to an online casino, Adobe's controversial content ownership terms, and Apple's potential $30 billion fine for violating the EU's Digital Markets Act. YouTube also moved to server-injected ads to combat ad blockers.
UX Planet·2yDark Theme: 5 UI Design Tips
When designing dark themes, it's important to avoid pure black backgrounds, use legible fonts, adjust shadows to avoid harsh contrasts, avoid saturated colors to meet accessibility standards, and maintain consistency with the light theme. These principles help create a comfortable and visually appealing user experience.
Community Picks·2y17 Best Web Design Software To Create Stunning Websites In 2024
This post provides an overview of the 10 best web design software options, including Canva, Figma, Marvel, Webflow, Zeplin, Bootstrap, Adobe Dreamweaver, Google Web Designer, and Designmodo. It highlights their key features, pros and cons, and integrations. The post also includes a comparison chart and additional web design software recommendations.
UX Planet·2yShadows in UI design: Tips & Tricks
Effective use of shadows can enhance both the visual appeal and functionality of a UI. Different types of shadows, such as soft, strong, and inner shadows, serve varied purposes. Choosing the right color, maintaining consistency in elevation, using interaction-based shadows, deciding on a light source, layering shadows, and considering performance are key design tips. Tutorials for creating shadows in Figma are also included.
UX Planet·1yProgress Bar Design Best Practices
Learn essential tips for designing effective progress bars including appropriate use cases, simplicity in design, avoiding misleading indicators, proper types of progress indicators, engaging users during long wait times, and creating smooth transitions upon task completion.
Community Picks·2yFigma Best Practices
Discover Figma best practices and tips for enhancing your design workflow and collaboration. Learn about workspaces in Figma Enterprise, the UX writer's guide to Figma, collaborating in FigJam, branching in Figma, creating and organizing variants, team and file organization, working with images, developer workflow, using design system analytics, using constraints, and improving prototyping workflow.
UX Planet·2y6 New Design Systems & UI Kits 2024
As digital technology advances and the demand for user-friendly interfaces grows, new design systems and UI kits for 2024 are becoming essential. Notable mentions include Razorpay's Blade Design System, Atomised Design System, Jordan Hughes' Design System, Wanted Design Library, Design To Code UI Kit, and Design System Strategy. These tools offer a range of components, styles, and features to streamline the design and development process, catering to both beginner and advanced users.
Community Picks·2yRoots of UI/UX Design Book
Discover an extensive guide to UI/UX design with 322 pages of insights, practical examples, Figma files, and AI prompts. This book is inspired by Material Tailwind and is divided into 7 parts and 55 chapters that cover everything from mastering pixel-perfect elements to building complete web pages. It's trusted by top companies and includes real-life examples accessible via QR codes. Various purchase options are available, including digital and physical copies.
YouTube·1yHow I built a REAL app using Figma AI in 48 hrs! (ENTIRE UX/UI Process)
A detailed behind-the-scenes guide on using Figma's AI for user research, design, and prototyping to build a real budgeting app in 48 hours. The process includes using Figma's generative AI features, Buzzy AI for turning designs into a functional app, and conducting user interviews and competitor analysis. Key steps and tools used in the entire UX/UI process are covered, demonstrating how AI can streamline app development.
ByteByteGo·2y100X Scaling: How Figma Scaled its Databases
Figma, a collaborative design platform, successfully scaled its databases to keep up with increasing demand. They implemented vertical partitioning and logical sharding to address scalability issues. Additionally, Figma explored alternative solutions but ultimately chose to build a horizontally sharded solution on top of their existing infrastructure. Their unique sharding implementation included the use of colocations, logical and physical sharding, a query engine, and a shadow application readiness framework. Figma aims to horizontally shard every table in their database for near-infinite scalability.
builder.io·2yFigma to Vue: Convert Designs to Clean Vue Code in a Click
Builder.io introduces Visual Copilot, an AI-powered tool that converts Figma designs to clean and responsive code. It streamlines the design-to-code workflow, facilitates collaboration, and enhances the efficiency of web development.
Theo - t3․gg·2yFigma Goes All In On Developers
Figma has acquired Dino board, a low-code AI supercharged IDE focused on building web applications with code. This acquisition aims to bridge the gap between designers and developers and make it easier for developers to be involved in the design process. Figma has been focusing on integrating with various developer tools and increasing development efficiency by 35%. The acquisition is made possible by the billion-dollar breakup fee Figma received from its failed acquisition by Adobe.
builder.io·2yMaterial UI: Convert Figma Designs to React Components
This post explores Builder.io's Visual Copilot, an AI-powered tool for converting Figma designs to React component code using Material UI. It explains the benefits of Visual Copilot and provides a one-minute tutorial for converting MUI designs to MUI component code for a Next.js web app.
Medium·2yOptimising your design system with Figma’s variables
Learn how to optimize your design system using Figma's variables. Explore the principles of consistency, scalability, maintainability, DRYness, and code-friendliness. Discover the benefits of primitive variables and how to set them up in a Codesign system. Understand the concept of semantic variables and their compatibility with different modes. Start building your own design system today!
