“SVG Pattern Builder allows you to create, customize, and download unique animated SVG patterns for your web and design projects. Great for Figma, Framer, Webflow and video projects.” Made by Meng To from Design Code with a lot of help from Claude AI.
Day 8. Improved language support in the Tone Dial.
Day 9 brings new slick transition controls to customize the duration, easing curve, delay, etc.
Day 7 drop makes it possible to add all the slides into the deck with no need to choose right away.
Miggi applies the new “Remove background” AI feature, a vector mask outlining the shape, a hidden “Show mask outlines” command (that I didn’t know about!), and a simple prototype to create a popping out head avatar.
Day 6 of new releases with an addition of rulers to Slides.
A 7‑minute tutorial from Miggi on using the new Suggest Auto Layout and the AI features“Rewrite this,”“Replace content,” and“Rename layers.”
Luis on the power of efficient aliasing when building typographic styles from primitives.
Minimize or hide the new UI to regain more screen real estate as you work.
Day 3: Add template text styles in the Design mode instead of jumping between modes.
Day 2: Hit Shift‑D or toggle the right end of your toolbar to access your Design mode.
I designed my resume in Figma but didn’t know that the exported PDF isn’t compatible with ATS systems used by HRs. Good tip from Kris Puckett!
Friends don't let friends create resumes in Figma, export the pdfs, then send the resumes out.
— Kris Puckett (@krispuckett) July 19, 2024
Figma pdf's will not score well on ATS systems fwiw.
A quick tip from Miggi on using grids to generate type scale and place graphics.
Ridd noticed that designers who can code spend more time sketching their ideas and less time in Figma. This approach isn’t common because it still takes too long to code designs, but AI will change that. What if instead of generating polished mockups from text prompts we used AI to turn wireframes into frontend code, applied our design system, and tweaked the visual direction based on the provided mood board? (This is just one of the ideas explored in the new section of Dive.)
Benji Taylor on creating guiding principles and designing interactions for the Family crypto wallet app: “This is not a technical post or tutorial. There are many good resources about how to craft smooth animations or design pixel perfect UI, by people much smarter than I am. This is about how we made something complex feel welcoming. It’s about what makes Family feel familiar.”
Roughly 20% of the population has dyslexia. The Letter Checker by Stark helps you pick fonts that are more likely to work for those people.
“How do Replit & Linear approach designer to developer collaboration? We’ll talk to two high-performing teams about streamlining design-to-code handoff for shipping better products. Learn insights on effective collaboration and ideal workflows with Figma’s Dev Mode, Linear, and Replit.”
A few ways to see the pixel values on Auto Layout frames by KC Oh.
Multiple people noted that rulers are too detached from the content in UI3. “Scoping” rulers to frames makes common use cases easier, but I’d miss the ability to use them directly on the canvas.