La mise en page approuvée devient une sortie exploitable.
Choisissez un cadre et transmettez sa mise en page, ses contraintes, ses composants et son intention responsive vers React, HTML/CSS ou Vue.
Cadre approuvé
export function Card() {
return (
<article className="card">
<h2>Made to move.</h2>
</article>
);
}L’implémentation part du système de design.
La sortie suit la structure approuvée au lieu d’imposer une reconstruction de la page à partir d’une capture.
- 01
Choisir le frame
Transmettez les espacements, la direction et les règles responsive vers la cible.
- 02
Choisir la stack
La même source approuvée pour des projets React, HTML/CSS et Vue ; Dev Mode ajoute des extraits par calque pour SwiftUI, Jetpack Compose et plus.
- 03
Connecter le produit
Vérifiez et reliez les données et comportements réels avant publication.
Choisissez le format dont le produit a besoin.
La même source approuvée pour des projets React, HTML/CSS et Vue ; Dev Mode ajoute des extraits par calque pour SwiftUI, Jetpack Compose et plus.
01export function CheckoutCard({ plan }) {02 return <article className="checkout-card">03 <PlanSummary plan={plan} />04 <CheckoutAction />05 </article>06}Un pont clair, pas un bouton de publication magique.
- 01Part d’un cadre approuvé
- 02Transmet la mise en page et les contraintes
- 03Conserve la structure des composants
- 04Nécessite une revue produit avant publication
Commencez par une mise en page que vous connaissez.
Ouvrez un canevas vierge ou importez un fichier .fig qui vous appartient.