Webflow announced Design System Sync, a more seamless integration between Figma and Webflow powered by the new companion Webflow App for the Figma to Webflow plugin. The new app allows instant synchronization of design components and variables: “This means that any change made in Figma can be directly reflected in Webflow, eliminating the need for manual updates and ensuring that the final website is always in sync with the latest designs.”
(Archive link without a Bloomberg paywall.) RIP Adobe XD. The writing was on the wall even back in 2022, but now I wonder if Adobe will just leave a big gap in a cohesive offering of the Creative Suite? Lively discussion at Hacker News.
“When it agreed to buy Figma, which helps users design app and website interfaces, Adobe put its competing program XD in “maintenance mode,” ceasing to launch new features or sell it individually. The deal to purchase Figma fell apart under regulatory pressure in December and the creative software giant hadn’t announced whether it would resurrect XD or attempt to build another competitor. “We have no plans to further invest in it,” a spokesperson said Tuesday of XD.”
I’ve seen Penpot 2.0 being brought up in some Dev Mode conversations, and while their support for CSS Grid Layouts is something I’d love to see in Figma, I do not think one-off copy-pasting HTML/CSS snippets is the way to go. It’s a “no man’s land” between no-code solutions and framework-specific codegen plugins that could be customized for the organization’s needs and connected directly to the components in code. (Thanks Christine Vallaure for sharing the video!)
A friendly reminder to backup your data in the new year. Yes, Figma files are safely stored in the cloud, but one day a file could be accidentally deleted or you may lose access to the account. This is a Node.js CLI tool to backup Figma files and store them as local .fig files. (Keep in mind that if you’re a part of the Organization or Enterprise account, that action will be logged and you might need permission from the company.)
Jenny Wen “templatized” some of the frameworks she’s been using over and over again in her role as a design manager and pillar lead of FigJam. There are 11 FigJam (no surprise!) templates for strategy, managing, and meetings.
A large profile of FigJam AI in Fast Company. “Figma’s AI ambitions are clear. Singer noted that ‘we really do think of AI as playing a central role across the entirety of the platform.’ In theory, that could mean not just better meetings, but more capable coworkers. ‘In a collaborative environment where you’re working with many people on a project,’ Singer says, ‘AI really up-levels everyone.’”
A new FigJam icebreaker for the season — making snow friends from a set of accessories and snowball sizes.
Miggi, Mal, and Lauren’s first reactions to using the new mind maps feature in FigJam.
Hanging out and getting @mdeandesign and @laurenbandres' honest first reactions to using the new mind maps feature in FigJam while we are in the @figma office. Lets go! 👏 pic.twitter.com/l3BPsO26HO
— Miggi ✌🏽 (@miggi) December 8, 2023
As of last Thursday, mind maps are now live in FigJam!
Mind Maps in @Figma FigJam are now live yo! As of yesterday! https://t.co/OjN3z9p1ev
— Miggi ✌🏽 (@miggi) December 8, 2023
As always, a fantastic annual report on the state of UX and our industry by the UX Collective: “Much like late-stage capitalism, late-stage UX is characterized by its market saturation, heavy focus on financial growth, commoditization, automation, and increased financialization. Corporations exert significant influence over the economy and society, and designers can only push so far when advocating for user needs. How can we navigate this landscape as designers in 2024?”
Fons Mans partnered with Framer again this year for a new advent calendar of design gifts — everything from heavily discounted apps to free icon and wallpaper packs.
“Discover how you can import all of your existing Jamboard files to fully editable FigJams! From sticky notes to sketches, watch as we demonstrate how to seamlessly transition your Jamboard content into FigJam, where you can harness the full range of FigJam’s interactive capabilities.”
A workshop by Miggi and Alex exploring ways to use FigJam like a pro, including shortcuts, deep-dive features, and ways to speed up your workflow — both independently, and when collaborating with others!
A new plugin from Lichin Lin turns your FigJam table into a beautiful and editable bar chart. See a short demo of how it works.
Peter Yang interviewed Yuhki Yamashita about building FigJam AI, creating a culture where PMs and designers love their craft, making design accessible to everyone, and balancing new and power user needs. Most of Yuhki’s advice in this interview is for PMs, but it still applies to any product designer. (The interview is paywalled, but there is a lot of good stuff in the preview.)
Love this story about FigJam’s early days: “We had a meeting with our board two months before we were going to launch FigJam. The board asked us what our differentiator was since there were many other whiteboard tools. And Dylan said, “Well, it’s fun!” But then we realized that the product wasn’t fun enough. So the FigJam team ran a sprint called “FunJam” to come up with all the playful features that you see today like cursor chat, emotes, and more. So you’re absolutely right – fun was a core principle. Most workplace tools are a little boring and confine you in a box. We want to give you an inviting canvas with many lightweight ways to express yourself.”
The AI is now integrated into FigJam to “help you instantly visualize ideas and plans, suggest best practices, and, of course, automate tedious tasks, so you can focus on the bigger picture.” What started as an experimental widget Jambot is now a first-class part of the product using GPT‑4. I used it this week to create a structure for a presentation which was a useful 0 to 0.1 progression. You can give it a try at the playground or check out how Zander Whitehurst uses it to create crazy flow charts.
Webflow hosted Webflow Conf 2023 last week, where they announced new product features for building “unmistakably professional websites”. More powerful native integration with Spline, new localization capabilities, modern and scalable design systems, Webflow Apps, and dedicated workflows for commenting, editing, and publishing. Even a new look and a brand new logo!
The next version of the Figma plugin (coming in the next few months) will automatically import your components and their associated variables into Webflow.
Bjango, the maker of the popular apps iStat Menus and Snowflake, tests how various design tools utilize memory, what’s their baseline usage with no documents open, and how memory grows with lots of large documents open. Not surprisingly, Figma has the highest memory usage as an Electron app. “I believe Figma loads a full copy of the application per tab, which may be part of the cause for its high memory usage. Each tab is also limited to 2GB of RAM, leaving around 1.75 GB for the largest possible document. Put another way, if you purchased a Mac Studio with 192 GB of RAM, you could only open documents that use less than 1% of it. This is different from the other applications tested, which have access to the Mac Studio’s full 192 GB, minus whatever the system is using. Figma simultaneously uses the most overall memory of all the tools tested, while also being the most constrained.”
Miggi causes the “figception” by using Jambot to come up with ideas for making Figma content. Quite amazing to see how it can be used as a tool for thought (or even programming, FWIW).
Jambot is a free widget from Figma to interact with ChatGPT right in FigJam. Use it to create visual mindmaps, take a multi-threaded approach to brainstorming, or generate ideas with teammates and ChatGPT on the same canvas. Quite amazing that it was born during last month’s Maker Week and is already live!