Da Figma ad Html - Come trasformare un design di Figma in un sito web con HTML e CSS con la dev mode

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 ธ.ค. 2024

ความคิดเห็น • 28

  • @tgalex75
    @tgalex75 ปีที่แล้ว

    Sempre molto interessanti, i tuoi video. Grazie.

  • @manuelguidi
    @manuelguidi ปีที่แล้ว

    Ottimo For!

  • @gianlucafiore968
    @gianlucafiore968 2 หลายเดือนก่อน

    E se non dovessimo avere la dev mode? Come posso fare? Con il metodo macchinoso? Grazie

  • @fabiozanotti5830
    @fabiozanotti5830 11 หลายเดือนก่อน

    ciao! ma se esporto il codice html devo comunque inserire manualmente le funzioni tipo i bottoni cliccabili ?

  • @federicotelloli6155
    @federicotelloli6155 2 หลายเดือนก่อน

    Ciao!
    Io ho una domanda: una volta che ho creato tutto il codice con VSC, come porto il sito online?
    Ho sempre usato WordPress ma con elementor come editor, prima di passare a Figma / XD per avvicinarmi alla programmazione.
    Grazie.

    • @Webdesignerd23
      @Webdesignerd23  2 หลายเดือนก่อน +1

      CI sono diversi metodi per farlo, ci farò un tutorial. Il modo migliore è saper tradurre il design in codice html,css e js.

    • @federicotelloli6155
      @federicotelloli6155 2 หลายเดือนก่อน

      @@Webdesignerd23 ah.. pensavo che questo passaggio venisse già fatto tramite la dev mode di figma importando il codice su visual studio... attivo le notifiche per il video

  • @Progettiamodivertendoci
    @Progettiamodivertendoci ปีที่แล้ว

    Posso chiederti se riesci a fare un video di figma creando una landing page usando material 3 kit ui ? Vorrei capire un attimo come impostare la pagina per facilitare poi dopo il lavoro di chi sviluppa.
    Material utilizza componenti ma appunto vorrei capire nel pratico ☺️

  • @annamarialocurtodesign
    @annamarialocurtodesign 11 หลายเดือนก่อน

    Si può fare al contrario?? Prima il prototipo e poi il codice??

  • @andreapodyo
    @andreapodyo 6 หลายเดือนก่อน +1

    Mi sono imbattuto ora su FIGMA, ma la DEV MODE è pagamento immagino giusto?

  • @crixlune3695
    @crixlune3695 10 หลายเดือนก่อน

    Ciao, sto seguendo passo passo il tuo tutorial ma quando vado su Anima per il codice html non me lo visualizza, perchè non ho la versione "pro"?
    Grazie

  • @ironblade0460
    @ironblade0460 ปีที่แล้ว

    Ciao, ma per creare dei siti, abbiamo bisogno per forza di estrapolare i dati in html/css, o si puo creare un sito anche utilizzando solo sigma

    • @Webdesignerd23
      @Webdesignerd23  ปีที่แล้ว

      Ciao devi per forza utilizzare Html e Css. Figma serve per il design

  • @luigisarnataro4936
    @luigisarnataro4936 4 หลายเดือนก่อน

    ma a me non mi fa vedere il codice in basso, come mai?

  • @Progettiamodivertendoci
    @Progettiamodivertendoci ปีที่แล้ว

    Quindi dev mode fa solo 1/3 di tutto. Potevano anche farlo completo però già che c’erano. Comunque tipo fare uno screen da anima e copiare si riesce ?

    • @Webdesignerd23
      @Webdesignerd23  ปีที่แล้ว +1

      Certo puoi anche copiare il codice tenendoti aperte 2tab del browser. Non puoi copiare ed incollare facendo copia e incolla ma manualmente puoi farlo

    • @Progettiamodivertendoci
      @Progettiamodivertendoci ปีที่แล้ว

      @@Webdesignerd23 grazie Comunque interessante ho scoperto ora il tuo canale mi sto guardando gli autolayout perché trovo difficoltà 😂 nell’intera pagina di creazione

  • @ChefPerCasa
    @ChefPerCasa 10 หลายเดือนก่อน

    Ciao e complimenti per i tuoi tutorial. Sto provando ad usare la dev mode, ma mi chiede di passare alla versione a pagamento, quindi non posso seguire il tutorial.
    Hai un video tutoria più recente che posso seguire?
    Grazie.

    • @Webdesignerd23
      @Webdesignerd23  10 หลายเดือนก่อน

      Ciao Gianluca purtroppo da quando ho fatto questo tutorial le cose sono cambiate perché se vuoi utilizzare la dev mode devi avere il progetto in un "paid team" ovvero piano a pagamento.

  • @PinkLudo
    @PinkLudo ปีที่แล้ว

    Ciao, come si trasformano in codice le interazioni fatte su figma?

    • @Webdesignerd23
      @Webdesignerd23  ปีที่แล้ว

      Ciao devi conoscere Javascript e/o CSS a livello avanzato.

  • @Giulio.t
    @Giulio.t ปีที่แล้ว

    Fantastico non vedo l'ora di mettermi a lavoro, grazie!
    Ma che tu sappia è possibile con questo metodo convertire dei Design figma in html/CSS anche per quanto riguarda i temi shopify? Posso creare un tema shopify da figma?

    • @Webdesignerd23
      @Webdesignerd23  ปีที่แล้ว

      Ciao grazie! non saprei perché pur conoscendo Shopify non lo utilizzo. In ogni caso il mio consiglio é imparare bene il codice e usare Figma come supporto per il codice CSS. In questo modo è possibile disegnare e sviluppare qualsiasi cosa.

  • @gabrielesimoncini1121
    @gabrielesimoncini1121 8 หลายเดือนก่อน +1

    hanno tolto la dev mode nella versione free...

  • @Dehancer
    @Dehancer ปีที่แล้ว

    We have cool film-like photo/video plugins. Want to test them out and collab?