Figma image block

A new and improved way of adding Figma images to documentation.

 

This version was released on March 7, 2024.

It’s our first big improvement since the launch of Supernova 2.0!

We’ve reworked the Figma image block (previously Figma frames) so it’s easier to use. You can now manage the Figma layers you want to display in your documentation.

Improved Figma image block

So, the best news first: You can now select (and insert into your docs) sections and components, in addition to Figma frames.

The block is now called Figma image, and as you’ll see in the selection dialog, you can select any layers from your connected Figma files that contain frames, sections, or components.

Improved layer selection

We’ve significantly improved the Figma layer selection dialog to offer you more features and a better user experience:

  • The selection dialog now displays all the layers you’ve already added to the block.
  • You can use your keyboard to navigate the selection tree:
    • Use the Up and Down arrows to highlight an item.
    • Use the Right or Left arrows to expand items containing children.
    • Press Enter to select an item.
  • Every expandable item now displays both the selected and total amount of layers.
  • You can now see how many layers are selected from each file.
  • It’s possible to select multiple layers across different files in one block (eg. 3 layers from one file, 2 layers from a different file).
  • We’ve improved the general performance of this block.
null

But wait… there’s even more! You can now:

  • Select up to 10 levels of depth in Figma files.
  • Select up to 100 layers for each block (and we plan to raise this limit in the coming weeks).
  • Select all child layers with a single click.

For the list of smaller improvements and bugfixes, visit out Bug fixes page here:

We’re super excited about these big improvements, and hope you are too. As always, if you have any questions or feedback, you can reach out to the team any time.