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

Поделиться
HTML-код
  • Опубликовано: 25 дек 2024

Комментарии • 28

  • @tgalex75
    @tgalex75 Год назад

    Sempre molto interessanti, i tuoi video. Grazie.

  • @fabiozanotti5830
    @fabiozanotti5830 Год назад

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

  • @gianlucafiore968
    @gianlucafiore968 2 месяца назад

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

  • @annamarialocurtodesign
    @annamarialocurtodesign Год назад

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

  • @luigisarnataro4936
    @luigisarnataro4936 4 месяца назад

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

  • @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

  • @crixlune3695
    @crixlune3695 11 месяцев назад

    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

  • @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 ☺️

  • @andreapodyo
    @andreapodyo 7 месяцев назад +1

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

  • @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

  • @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.

  • @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.

  • @manuelguidi
    @manuelguidi Год назад

    Ottimo For!

  • @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?