Figma : Threads

Hi I'm Rochelle, a Product Designer at Threads!

I wanted to take some time to share how I use the Figma integration in Threads to jumpstart design discussions, accelerate my workflow, and create a better handoff for design work to engineers.

1. Makes exporting frames from Figma and adding context easy

Exporting frames from Figma is part of my workflow to share designs with my team and begin discussions.

With the Figma x Threads integration, I just select the frames I want in Figma and press the magic hotkey cmd + ;. Within seconds, I can then easily paste the set of frames in a thread/comment on Threads and add my own context about the designs.

I love the flexibility to put either one or a set of images in a block, which allows me to split up how I want to talk about my designs.

2. Figma frames are linked directly in Threads

Now, once the Figma frames are exported to Threads, the designs are automatically linked to the actual frame in Figma!

This means that hovering over any of the exported images in my content on Threads now has a Go to Frame button that goes directly to the frame in Figma.

This makes it easy when handing off designs to engineering, since there is a direct link from the image to the frame in Figma.

I also love using it as a way to navigate directly to a specific screen in my design flows.

3. Keep and reference all your design discussions in one place

It can be hard to keep track of the comment pins scattered around in Figma.

Alternatively, I create threads with my designs and add context that I share to a design channel to begin discussions. This way, it's convenient for me to see the history of my design work, discussions, and decisions.

If I need to update my work, there is an option to Resync frame on any of the exported frames when the content is posted. This updates the designs on Threads and syncs with the live designs on Figma.