Partage de code

Pour partager directement du code entre vos projets, vous pouvez utiliser l'action Copier l'importation dans la barre d'outils de l'éditeur de code, chaque fichier de code dans Framer étant immédiatement partageable. Cela copiera un import d'URL sous forme de module ES que vous pourrez coller dans n'importe quel projet ou environnement de code compatible avec les modules ES.

Voici un exemple d'importation d'un hook partagé depuis un projet Framer vers un fichier de code dans un autre projet :

import { useFriendData } from "https://framer.com/m/useFriendData-KsqW.js"
  
export default function Friends(props) { 
  const friends = useFriendData() 
    
  return ( 
    <div> {friends.map((friend) => (
      <div>{friend.name}</div> ))}
    </div> 
  )
}

import { useFriendData } from "https://framer.com/m/useFriendData-KsqW.js"
  
export default function Friends(props) { 
  const friends = useFriendData() 
    
  return ( 
    <div> {friends.map((friend) => (
      <div>{friend.name}</div> ))}
    </div> 
  )
}

import { useFriendData } from "https://framer.com/m/useFriendData-KsqW.js"
  
export default function Friends(props) { 
  const friends = useFriendData() 
    
  return ( 
    <div> {friends.map((friend) => (
      <div>{friend.name}</div> ))}
    </div> 
  )
}