Best of Design Tools — October 2024

  1. 1
    Article
    Avatar of devtoDEV·2y

    Best Icon Libraries

    The landscape of icon libraries has significantly evolved in 2024, offering designers and developers more options, better integration, and enhanced customization. Notable mentions include Lineicons V5 with over 30,000 icons and advanced features like a free CDN and icon editor. Heroicons, Uicons, Iconify, Streamline Icons, and others are also highlighted for their unique offerings and ease of use. Many of these libraries are free or open-source, making them accessible for various project needs.

  2. 2
    Article
    Avatar of communityCommunity Picks·2y

    How NOT to Design Modern UI

    Rachel returns after a year to discuss best practices in UI/UX design, focusing on proper use of shadows, fonts, gradients, and visual elements. She advises against over-relying on UI kits and encourages designers to start with basic kits to maintain creative flexibility. Rachel also stresses the importance of A/B testing for effective imagery and the role of white space in creating balanced designs. Game-changing tips like avoiding generic visuals and understanding cultural design preferences are highlighted.

  3. 3
    Article
    Avatar of phProduct Hunt·2y

    MiniTAP - A Fun Sequencer for The Web

    MiniTAP is a newly launched web-based sequencer tool designed for creating music. It's categorized under Design Tools, Music, and Developer Tools, and made its debut on October 2nd, 2024. The tool aims to provide a fun and creative experience for music enthusiasts.

  4. 4
    Article
    Avatar of phProduct Hunt·2y

    justbuildthings - free tiny web products

    justbuildthings is a platform offering free tiny web products aimed at enhancing design, productivity, and development tools. It launched on October 26th, 2024, and is currently unrated.

  5. 5
    Article
    Avatar of phProduct Hunt·2y

    UI Builder for shadcn/ui - React component for a visual way to create UIs

    UI Builder for shadcn/ui is a new React component that offers a visual method for creating user interfaces. Featured on October 11th, 2024, this tool aims to simplify UI design for developers and designers.

  6. 6
    Article
    Avatar of phProduct Hunt·2y

    Tailwind Sync - Figma variables to Tailwind in one click

    Tailwind Sync is a new tool that allows users to sync Figma variables with Tailwind CSS in just one click. The tool was launched on October 1st, 2024, and aims to streamline the workflow between design and development teams.

  7. 7
    Video
    Avatar of designcourseDesignCourse·2y

    How to avoid designing BORING layouts

    Many UI/UX designers create uninspired marketing landing pages by simply arranging cards. To stand out, one should focus on unique and creative designs. The post demonstrates a reimagined layout for a pet rental service using MidJourney for asset generation and tools like RVE to create scroll-based animations. Designers are encouraged to show visuals of people interacting with pets instead of text, emphasizing unique approaches in portfolios. Today, tools like Webflow and Framer allow designers to implement interactive animations without extensive coding knowledge.

See all Design Tools archives