Some folks were upset when Figma added tables to FigJam because pasting data from Google Sheets was used to create a set of sticky notes. This plugin brings back this behavior by letting you convert tables to sticky notes.
For this April Fun Day, Figma added a snake game to a Section tool inside FigJam. I don’t expect it to be around for too long, so give it a try if you can! See also a thread from Mihika Kapoor on how the team came up with the idea and built it.
“You can now seamlessly copy-and-paste between your iPad and desktop. Just open a FigJam file on your iPad, and another FigJam or Figma file on your desktop at the same time. Copy something on iPad and an in-app notification on desktop will ask you if you want to paste the selection from the other device. You can copy-and-paste from desktop to iPad, too.”
Such a fun thread by designer Jakub Świadek on how the FigJam team redesigned the sticky note curl. See also another thread by Noah Finer on how it was implemented with CSS and SVG animations.
We're on a roll over here at @figma... we’re launching a redesigned sticky note curl today. Here’s why we’re excited about this tiny little design detail. pic.twitter.com/duFnHshOGc
— Jakub Świadek (@jakub_swiadek) March 16, 2023
“Now you can create tables in FigJam right from the bottom tool bar. Organize information and ideas in custom-sized tables to build project plans, decision matrices, pro/con lists, and more.” Check out a quick demo video and read the blog post on how the product team arrived at the approach, tackled multiplayer bugs, and finessed design details.
“You’ve been invited to collaborate in FigJam! Watch this video to learn the basics so you’re ready to jam with your team on project plans, flow charts, and more.”
“As I spend this Valentine’s Day working in Figma, putting the final touches on my Founders Who UX program, with hearts in my eyes (and a stomach ache), I began romantically reminiscing about all the tools that helped get me here. What better way to express my gratitude to them on this day than a love letter?”
Thalion played with Figma to Webflow plugin and came up with the video tutorial and a summary of what you can do with it.
“Annual planning — it’s one of the most cross-functional, critical, and downright messy endeavors that teams take on each year. For Amplitude, building great products and establishing an operating plan for success start with aligning on a north star metric and deconstructing user journeys.” Comes with workshop templates to make planning fun as well.
Four new fonts in FigJam to convey just the right message or feeling. “Simple” is a new standard font for long-form text and easy scanning. “Bookish” is a serif font that adds a touch of formality to headers and quotes. “Technical” is a fixed-width font that mimics the look and feel of code. “Scribbled” is a script-based font that’s perfect for comments and annotations. All fonts were custom-made for FigJam by OH no Type Co and come with lots of beautiful details and juicy ligatures (have you seen the exclamation marks?!)
This is one of the FigJam brand updates that Figma has been working on since last year and just started to roll out. Make sure to check out this Twitter thread by Damien Correll, Creative Director at Figma.
Today’s the day!
— Maybe: Damien (@damiencorrell) February 8, 2023
I’m over-the-moon excited to share some of the @figma FigJam brand updates we’ve started to roll out. Plus, a little typographic side quest 🤓
Yes, #designtwitter this is a thread... pic.twitter.com/Zeg6pPxzhc
Last week the team at Webflow introduced Webflow Labs, and this plugin is the first project they’ve launched! Turn your static Figma designs into clean, production-ready Webflow HTML and CSS. Add Webflow Interactions, wire up content using their CMS, and publish the website with one click.
A blog post from Sketch co-founders outlining their strategy for 2023 and beyond. After layoffs in October, they’ve refocused as a company and doubled down on their two-apps approach: “You shouldn’t have to learn how to use design tools to give feedback on designs, test a prototype, or inspect files for handoff. Meanwhile, designers should get an editing experience that speaks to their needs and workflows, without any distractions.”
They’ve also redesigned their website (looks fantastic!) and are launching the community forum on February 23rd. The primary focus is on polishing the apps and talking to users. One of the new Sketch features is support for opening .fig files — the tables have turned indeed.
The new integration lets you embed a Mixpanel preview in FigJam to bring data into your whiteboarding sessions. File previews are automatically synced with Mixpanel so the latest data changes in Mixpanel will be reflected in FigJam.
Ridd just launched Dive with an amazing lineup of design educators. In this tutorial, he designs the new Dive website and shows how his use of components to speed up workflow in Figma, talks about visual design principles and his approach to UI design in Figma. Lastly, he shows how easy it is to go from Figma to Framer to a published website.
Ever wanted to collaborate in FigJam using virtual reality? A note from the developer: “We wouldn’t build a better tool than Figma, so we used their super SDK to write a plugin that integrates with our XR application. We develop our applications for Snapdragon Spaces technology, available for Lenovo A3 glasses, as well as for Quest 2 and Quest Pro. We use Unity technology, so in the future the app can be open on any device like Android/iOS/MagicLeap/Quest etc. The app is still a prototype, but we consider of going forward and release it in some day.”
At Nomtek Labs, we put Figma in XR under the Snapdragon Spaces Pathfinder Program. Now you can seamlessly collaborate using FigJam Board. Check out this WIP demo on Quest Pro (the app works on Spaces Dev Kit as well) #XR #Figma #Collaboration #QuestPro #SpacesDevKit #Snapdragon pic.twitter.com/PSMY4cl3QG
— Łukasz Kincel (@lkincel) January 13, 2023
Alex Einarsson made a great FigJam plugin that recognizes shapes you draw and converts them to native shapes with editable text. Perfect for wireframing on both tablets and desktops.
A few tricks for successfully exporting Figma mockups to Framer. In the end, it all comes down to using flexible and consistent structures in Figma that translate to code in Framer really well.
Framer published a selection of the best Framer websites made last year. Lots of great designs to get inspired from, but I didn’t expect to see such a heavy dose of personal websites of designers and agencies.
Just in time for Hanukkah!
If you’ve been hearing the hype about Framer on #designtwitter and are curious to give it a try, check out this quick tutorial on bringing your design from Figma to Framer and building a website without writing code.