Best of Figma — June 2024

  1. 1
    Video
    Avatar of fireshipFireship·2y

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

  2. 2
    Article
    Avatar of uxplanetUX Planet·2y

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

  3. 3
    Article
    Avatar of communityCommunity Picks·2y

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

  4. 4
    Article
    Avatar of builderiobuilder.io·2y

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

  5. 5
    Article
    Avatar of phProduct Hunt·2y

    Writer AI Studio - The fastest way to build AI apps

    Figma is a visual design and collaboration tool. Baseten helps deploy Palymra, an industry-leading LLMs for the enterprise. Writer Framework is an open-source tool integrated into the Writer stack, previously known as Streamsync.

  6. 6
    Video
    Avatar of designcourseDesignCourse·2y

    Designing Dashboards in Figma | UI/UX Challenge

    Learn how to create a dashboard design in Figma, including adding a sidebar navigation, a date picker, and various statistics such as the number of orders, unique visitors, and refund percentage. The tutorial also covers generating line charts using Figma plugins and emphasizes maintaining a cohesive and coherent design.

  7. 7
    Article
    Avatar of codropsCodrops·2y

    Creating a Glowing Text Marquee Animation

    Learn how to enhance your website with a glowing SVG text marquee animation using HTML, CSS, and the clip-path property. This tutorial covers preparing design assets in Figma, creating blurred images for the glow effect, and applying CSS animations to achieve a smooth, continuous marquee effect. The guide also includes accessibility tips and final touches to perfect the animation.

See all Figma archives