Best of Design Tools — 2024

  1. 1
    Article
    Avatar of communityCommunity Picks·2y

    Open source 3D icon library

    Beautifully crafted open source 3D icons are 100% free for commercial and personal use under the CC0 license. They can be used with any design tool and are available in four predefined color styles. The icons come in three camera angles with high-quality renders. Custom 3D icon packs are available for commission. The creator started this project while learning Blender, aiming to make widely used 3D icons available to the community. Future plans include plugins for various design tools and an online editor.

  2. 2
    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.

  3. 3
    Video
    Avatar of communityCommunity Picks·2y

    world's shortest UI/UX design course

    Learn the fundamentals of UI and UX design, including user flow, wireframing, design systems, and more. Discover popular UI/UX design tools and how to create a consistent design with reusable components.

  4. 4
    Article
    Avatar of phProduct Hunt·2y

    BoringUi - A UI generator for your data

    BoringUi, a new tool for generating user interfaces from data, was launched and featured on July 31st, 2024. It aims to assist designers and developers with seamless UI creation.

  5. 5
    Article
    Avatar of phProduct Hunt·2y

    DynaUI - UI Library for Developers

    DynaUI is a UI library for developers. It was hunted by [HUNTER] and is featured on June 16th, 2024.

  6. 6
    Article
    Avatar of communityCommunity Picks·2y

    Tiny macOS utility apps I love - Part 1

    This post marks the beginning of a series highlighting tiny macOS utility apps that enhance productivity. It covers three apps: PixelSnap, for precise on-screen measurements; CleanShot, a feature-rich screenshot utility; and Paletro, which consolidates keyboard shortcuts across apps into a single command palette. These apps streamline workflows and integrate seamlessly into various design and development tasks.

  7. 7
    Article
    Avatar of medium_jsMedium·2y

    Figma 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.

  8. 8
    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.

  9. 9
    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.

  10. 10
    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.

  11. 11
    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.

  12. 12
    Article
    Avatar of logrocketLogRocket·2y

    Types of fonts and when to use them

    Understanding typography is crucial for creating clean, high-quality websites. Typography affects visual hierarchy, readability, and user experience. Different font types like serif, sans-serif, script, and display serve various purposes and convey different moods. Key considerations include accessibility, font contrast, and pairing techniques. Tools like Fontshare, Fontjoy, and WhatFont can help in selecting and combining fonts effectively.

  13. 13
    Article
    Avatar of communityCommunity Picks·2y

    FlowMapp 3.0 - Visual website planning in the most powerful way

    FlowMapp 3.0 is a powerful visual website planning tool that was launched on November 14th, 2017. It offers a range of features and is highly rated by users.

  14. 14
    Article
    Avatar of phProduct Hunt·2y

    TailConverter - The easiest way to convert CSS to Tailwind CSS

    TailConverter is an intuitive tool designed to easily convert CSS to Tailwind CSS. Created to boost productivity for designers and developers, it marks its first launch and has been featured in the categories of design tools and productivity applications on September 26th, 2024.

  15. 15
    Article
    Avatar of communityCommunity Picks·2y

    CSS tools for for designers and coders

    CSS Bud provides high-quality CSS tools and snippets for designers and coders. It offers CSS generators such as shadow generator, text glow generator, and underline generator. It also provides text tools like word counter and character counter. In addition, helpful links to curated design websites and additional CSS tools and resources are available.

  16. 16
    Article
    Avatar of communityCommunity Picks·2y

    Contra Wireframe Kit

    Contra Wireframe Kit is an open-source resource for rapid design and prototyping. It offers over 150 components and 50 ready-to-use mobile screens. Users can also easily create new components and screens with the help of an included style guide. The kit is free for both commercial and personal use under a CC0 License.

  17. 17
    Article
    Avatar of phProduct Hunt·2y

    10015 Tools - All Online Tools in One Box

    10015 Tools is a newly launched online platform designed for developers and designers, integrating multiple tools to enhance productivity. It was featured on June 21st, 2024, in categories like Design Tools, Productivity, and Developer Tools. This is the first launch for 10015 Tools.

  18. 18
    Article
    Avatar of communityCommunity Picks·2y

    Quick Reference Cheat Sheet

    A quick reference cheat sheet with a wide range of programming languages, code editors, design tools, collaboration tools, and IDEs.

  19. 19
    Article
    Avatar of communityCommunity Picks·1y

    Poline — Esoteric Color Palette Generation Library

    Poline is a micro-library written in TypeScript for generating color palettes. It creates palettes by drawing lines between anchor points, with the number of points determining the number of colors generated. Position functions dictate the placement of these points.

  20. 20
    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.

  21. 21
    Article
    Avatar of uxplanetUX Planet·2y

    9 Free AI Tools for Freelance Designers to Try

    Freelance designers can enhance their workflow with these 9 free AI tools. Tools like Perplexity for summarizing websites, Fontjoy for creating font pairs, Bigjpg for enlarging images, and SinCode.ai for generating high-quality content, can significantly boost productivity. Other tools such as tl;dv for meeting summaries, Relume for design elements, MyMind for organizing creative ideas, and YouTube Summary for summarizing videos can streamline various tasks. Midjourney and Leonardo AI further aid in generating innovative design concepts and automating design tasks.

  22. 22
    Article
    Avatar of csstipCSS Tip·2y

    A CSS generator for wavy circle shapes

    Generate wavy circle shapes effortlessly using an online CSS generator. Supports single elements including `<img>` tags, gradient colors, and is powered by CSS masks.

  23. 23
    Article
    Avatar of communityCommunity Picks·2y

    🚀 Coming Soon: Eldora 2.0 – The Future of Page Design

    Eldora 2.0 introduces a suite of powerful components aimed at revolutionizing web page design. This update features enhanced layouts, game-changing components, interactive buttons, stunning text animations, and visually captivating backgrounds. With tools like the Testimonial Slider, 3D Cobe Globe, and Spotlight Button, developers and designers can create immersive user experiences and modern designs effortlessly.

  24. 24
    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.

  25. 25
    Article
    Avatar of phProduct Hunt·2y

    3dlooky - Connect 3D to website in minutes with no-code

    3dlooky is a no-code tool that enables quick integration of 3D models into websites. Launched on August 10th, 2024, it offers a user-friendly solution for adding 3D elements without needing coding expertise.

See all Design Tools archives