Framer handshake allows you to create a component then use a feature called handshake that copies an import link to the Framer component as an ES Module. You can then insert your component directly into Typescript React code and overide the properties of the component.

This allows for advanced prototyping.

Example usage:

import Card from “https://framer.com/m/Card-abcd.js@abcdef1234”

function Page() {

return (

)

}