Framer
Features
  • Features
  • Improvements
Framer
  • Why Framer
  • Teams
  • Learn
    • Tutorials
    • Examples
    • Templates
    • Sessions
    • Speedruns
  • Pricing
  • Blog
  • Updates
  • Support
Features
  • Features
  • Improvements

Latest feature

  • Embedded public prototypes
    March 30, 2021

Previous features

  • Handoff for Code Components
    June 7, 2020
  • Custom fonts
    June 7, 2020
  • Unsplash integration
    June 1, 2020

Handoff for Code Components

June 7, 2020

Handoff in Framer just got better. You can now view and copy the properties of any Code Component in the Handoff panel. Developers will be able to see how components are configured, making the transition to production even easier.

Need to know which properties you can override? Clearly see which properties are defined by Property Controls set in your components. Working with tokens from your design system? See all the tokens used in your components right in the Handoff panel. You can also filter out all undefined props with the Used Props setting.

Clicking or hovering over properties in the Handoff panel will give you more information as well. Images and files used in Code Components will be revealed in your Finder or a new tab making all your assets easy to manage. EventHandlers for local custom actions will open the file where the definition of the handler is located.ComponentInstance will highlight the instance on the canvas when hovered. Finally, strings will be displayed in quotes and if displayTextArea is set to true, the value will be wrapped in backticks.


Try Framer

Bring every idea to life.

Learn more
Pivot: Try Framer

Framer

  • Why Framer
  • Teams
  • Pricing
  • Blog
  • Updates
  • Motion

Platforms

  • Web
  • macOSbeta
  • WindowsBeta
  • iOS
  • Android
  • Figma Importing
  • Sketch Importing

Learn

  • Tutorials
  • Examples
  • Templatesnew
  • Sessions
  • Speedruns

Resources

  • Packages
  • API
  • State of Prototyping
  • Desktop Prototyping
  • Prototyping Tool
  • Mockup Tool
  • Wireframing Tool
  • UI/UX Design Tool
  • Graphic Design Tool
  • User Testing

About

  • Loupe
  • Community
  • Company
  • Careers
  • Legal
  • Security

Support

  • Using Framer
  • Accounts
  • Contact

  • Twitter
  • Discord
  • Dribbble

Copyright © 2021 Framer B.V.

  • Security
  • Terms of Service
  • Privacy Statement