Tuesday, December 1, 2020

👀 See what you're typing

  •  Text color now defaults to white when typed on a dark canvas. 

Thursday, November 19, 2020

💻 Design like you code with Auto Layout

  • Auto Layout has a fresh new UI and options for more flexibility.
  • Objects within an Auto Layout frame can now stretch and hug along both axes, to create fully responsive components.
  • Top, right, bottom, and left padding values can be set independently, for more intricate layouts.
  • Objects within an Auto Layout frame can be distributed as “Packed” or “Space Between.”

Thursday, November 5, 2020

🛠 Override Improvements and More

 Tweaks to override and component rules

  • The rules for when text overrides transfer between variants have been loosened to be closer to what people expect.
  • We’ve restored the ability to rename layers inside of instances.

Team Library simplification
  • Orgs users now have explicit control over which libraries they would like to see while working on drafts.

New documentation links for main components
  • Main components have a new field where teams can link to relevant documentation. These documentation links are now available in the Inspect Tab, alongside component descriptions.

Wednesday, October 28, 2020

⚡️Power Up Your Design Systems

We’re rolling out new features to help teams scale their design systems so even the most complex components can be structured intuitively. 

  • 🌉 Bridge design and code components with Variants
    • Related components can be grouped together and combined as variants within a component set. 
    • Each set of variants will appear as a single component within the assets panel. 
    • Quickly switch between variants using a new UI that maps to the properties of your front-end components.

  • 🔍 Translate designs into code easily with the new Inspect Tab
    • Parent components are now highlighted on the canvas with a dotted line when selected, along with being displayed in the Inspect Tab.
    • Actions, animation types, and curves can now be found in the Inspect Tab.

  • 👀 Updated version history access
    • Viewers in Figma can now see a file’s version history, review changes, and open previous versions. Only Editors can revert changes or update version history.

Thursday, October 22, 2020

📨 Improved Upgrade Requests and More

  • Improved upgrade requests for viewer-restricted users in Orgs
    • Users can now specify which admin receives their request
    • Users can include a note explaining why they’re requesting an upgrade

  • Admins of Professional teams will now get a heads-up email for new editors
    • At the end of the month, we’ll notify Pro team admins about new editors
    • Admins will have three days to downgrade any editors if necessary and won’t be charged 

Thursday, October 15, 2020

📋 Desktop app: Better Copy As PNG

  • Copy As PNG now has a keyboard shortcut (⌘⇧C or Ctrl+Shift+C)
  • Copy As PNG now defaults to 2x so that frames pasted into Slack or other apps look better. You can control the PNG copy multiplier by adding an export setting (the largest multiplier will be used), or by copying when in Pixel Preview mode (the pixel preview setting will be used).

Thursday, October 8, 2020

🎨 Color Picker Update

  • You can now type CSS color names into the color picker.