Presentazione di Figma per reagire.

Blog

Figma è fantastico per creare elementi dell'interfaccia utente riutilizzabili e iterare velocemente. Caratteristiche come Layout automatico anche avvicinarlo ai vincoli presenti nel mondo degli sviluppatori.



Tuttavia, quando si tratta di andare in produzione, c'è ancora un divario che gli strumenti di handoff non riescono a colmare. Anche se Figma ha una modalità di ispezione del codice per tenere d'occhio tutti i team su un singolo strumento, può comunque essere un mal di testa integrare manualmente i progetti.

Sono un appassionato di front-end da molti anni e ho sempre sognato che gli strumenti di progettazione potessero fornire codice in framework moderni. Così ho deciso di creare questo concetto. Prima di introdurlo, rivediamo un esempio del problema che volevo risolvere:



Lavorare con la modalità di ispezione di Figma

Ecco come appare costruire un semplice componente Card in React, usando il pannello Figma Inspect:

Immagine per il post



#ui #react #figma #ux #figma-plugin

blog.prototypr.io

Presentazione di Figma per reagire.

Figma è fantastico per creare elementi dell'interfaccia utente riutilizzabili e iterare velocemente. Funzionalità come il layout automatico lo avvicinano anche ai vincoli presenti nel mondo degli sviluppatori.