Best of FigmaDecember 2024

  1. 1
    Article
    Avatar of uxplanetUX Planet·1y

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

  2. 2
    Video
    Avatar of youtubeYouTube·1y

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

  3. 3
    Article
    Avatar of hnHacker News·1y

    Code faster. Deploy instantly — Veryfront

    Veryfront offers a Figma kit with over 100 customizable components designed for light and dark modes, ensuring full responsiveness across all devices. The kit aims to streamline the design process with intuitive tools, allowing users to quickly build pages, add content seamlessly, and facilitate design to code handoff with organized layers, making collaboration with developers more efficient.

  4. 4
    Article
    Avatar of medium_jsMedium·1y

    Stop wireframing (but still start low-fidelity)

    Wireframing, once essential in UX design due to limited tools, is now seen as unnecessary with modern design systems and tools. The author argues that wireframes are just low-fidelity visual designs, doubling work without saving time. Alternatives like grey blocking, design systems, and OOUX offer faster, more effective ways to achieve the same goals.