{"id":21854,"date":"2023-07-12T18:00:53","date_gmt":"2023-07-12T16:00:53","guid":{"rendered":"https:\/\/www.codemotion.com\/magazine\/?p=21854"},"modified":"2023-11-10T13:02:03","modified_gmt":"2023-11-10T12:02:03","slug":"la-dev-mode-di-figma-cose-e-come-funziona","status":"publish","type":"post","link":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/","title":{"rendered":"La Dev Mode di Figma: cos\u2019\u00e8 e come funziona"},"content":{"rendered":"\n

Figma \u00e8 una piattaforma basata sul cloud e on-premise <\/strong>che consente alle aziende di tutte le dimensioni di creare progetti web personalizzati e condividere prototipi. Recentemente ha recentemente lanciato una nuova modalit\u00e0 di utilizzo. Questo nuovo spazio di lavoro dentro Figma \u00e8 stato progettato per permettere agli sviluppatori di sfruttare gli strumenti<\/strong> che gi\u00e0 conoscono e usano ogni giorno. <\/p>\n\n\n\n

Infatti, con l’inserimento della Dev Mode di Figma, \u00e8 stata introdotta nella piattaforma l’opportunit\u00e0 di avere a portata di click i tools utili<\/strong> per i dev in modo rapido ed efficiente, per mettere gli sviluppatori al pari dei designer che gi\u00e0 usano il servizio. Ma ne vale davvero la pena? <\/strong>Quanto \u00e8 effettivamente utile questa miglioria? Scopriamolo.<\/p>\n\n\n\n

La Dev Mode di Figma aiuta a programmare pi\u00f9 velocemente?<\/h2>\n\n\n\n

Sebbene Figma sia nata con l’intento di facilitare la creazione della parte grafica, c’\u00e8 la possibilit\u00e0 che una volta inserito il file all’interno della piattaforma, questa possa non riconoscerlo<\/strong> a causa della mancanza di informazioni necessarie per l’implementazione. Per questo \u00e8 stata aggiunta la Dev Mode, che pu\u00f2 essere usata anche per ispezionare i file di design<\/strong>, per integrare la parte di coding all’interno di un processo quasi interamente grafico. <\/p>\n\n\n\n

Ora quindi, sar\u00e0 necessario soltanto cliccare sul canvas di Figma, per poter trovare ed esportare tutte le informazioni necessarie,<\/strong> come misure, specifiche e risorse. Proprio come Chrome Dev Tools, la Dev Mode di Figma prende ispirazione da altri strumenti <\/strong>di sviluppo per creare un ambiente immediatamente familiare e facile da usare.<\/p>\n\n\n\n

In quest’ottica, il codice in Dev Mode \u00e8 completamente ridisegnato e personalizzabile<\/strong> per qualsiasi linguaggio con il quale si sta lavorando. Potr\u00e0 quindi essere un punto di partenza<\/strong> in modo da non dover ricominciare da capo ogni volta. E’ stato inoltre inserito un modello di box CSS<\/strong>, una sintassi moderna con una visualizzazione ad albero, e si potr\u00e0 passare tra le unit\u00e0 di dimensione per far corrispondere il codice sorgente.<\/p>\n\n\n\n

\"dev<\/figure>\n\n\n\n

La Dev Mode di Figma pu\u00f2 essere un passo avanti<\/h2>\n\n\n\n

Per ora la community attorno a Figma e alla sua nuova funzione sembra aver decretato l’utilit\u00e0 della Dev Mode<\/strong>, ma sono invece proprio i dev a non essere del tutto convinti<\/strong>, sia per quanto riguardo gli strumenti disponibili, sia per quando riguarda i costi dell’applicazione in s\u00e9, che non \u00e8 gratis. <\/strong><\/p>\n\n\n\n

Questo scetticismo \u00e8 anche rappresentato dal punto di ingresso per la Dev Mode di Figma: l’interruttore<\/strong>. Da una prospettiva UX, questo offre una grande vista dedicata per lo sviluppatore, portando a interazioni specifiche e utilizzo da parte degli sviluppatori. Ma, se si indaga un po’ pi\u00f9 a fondo, da una prospettiva umana, questo potrebbe creare una divisione mentale tra “noi” dev e “loro” designer<\/strong>. E ancora pi\u00f9 subdolamente, l’interruttore pu\u00f2 anche essere visto come un blocco per funzionalit\u00e0 pi\u00f9 complete.<\/strong><\/p>\n\n\n\n

Il che potrebbe essere un segnale per i team che a meno che non siano pronti a pagare, potrebbero quindi ricevere una collaborazione limitata con i loro stessi sviluppatori<\/strong> perch\u00e9 il pannello di ispezione \u00e8 ora incorporato all’interno della Dev Mode. A rimetterci saranno quindi i team agli inizi e con pochi fondi a disposizioni.<\/p>\n\n\n\n

\n\n\n\n

Lettura consigliata: ECMAScript 2023 (ES14): un’analisi approfondita delle novit\u00e0 e degli aggiornamenti<\/a><\/strong><\/p>\n\n\n\n

\n\n\n\n

Cosa offre la Dev Mode agli sviluppatori<\/h2>\n\n\n\n

La nuova Dev Mode si collegherebbe agli strumenti e al codice sorgente, tracciando ci\u00f2 che deve andare in produzione, e consentirebbe di ispezionare i file insieme al codice con Figma in VS Code. La differenza risiede in due nuovi piani offerti agli sviluppatori, ma tutti comportano un costo.<\/strong><\/p>\n\n\n\n

Da quello che sembra finora, Figma non \u00e8 disposto a offrire un prodotto scadente come scelta ai suoi utenti attuali, lasciando inalterati i piani pi\u00f9 vecchi. Non vuole quindi lasciare spazio per una terza opzione, ma vuole evolvere con un nuovo modello di business.<\/strong><\/p>\n\n\n\n

Dev Mode e Figma per VS Code sono per ora in beta e gratuiti per tutti gli utenti per il resto del 2023<\/strong>. A partire dal 2024, sar\u00e0 necessaria la sottoscrizione di un piano a pagamento<\/strong> per accedere alla Dev Mode. Se sei un editor <\/strong>su un piano a pagamento oggi, Dev Mode sar\u00e0 incluso<\/strong>. Nonostante ci siano alcuni sviluppatori che potrebbero non aver bisogno dell’intero stack di funzionalit\u00e0 di Figma, la piattaforma ha pensato per loro il lancio di nuove opzioni di piano. A partire dal 2024, si avr\u00e0 la possibilit\u00e0 di acquistare solo l’accesso a Dev Mode per 25 dollari<\/strong> al mese su Organization<\/strong>, e 35 dollari al mese su Enterprise.<\/strong><\/p>\n\n\n\n

La Dev Mode di Figma piacer\u00e0 ai Dev?<\/h2>\n\n\n\n

Difficile risponde a questa domanda, soprattutto se si parla di pensieri a lungo termine, ma per ora sembra che la Dev Mode possa essere un passo per iniziare a rendere facile e fruibile l’esperienza di uno sviluppatore<\/a> in Figma.<\/strong><\/p>\n\n\n\n

Dunque, sebbene da una parte la Dev Mode potrebbe rendere la vita difficile ai team di design con una minore esperienza di design nelle loro organizzazioni, <\/strong>specialmente quelli che hanno utilizzato con le versioni precedenti con i loro sviluppatori. Questo perch\u00e9 i loro sviluppatori si troveranno di fronte a un muro a pagamento<\/strong> per utilizzare una funzione preziosa una volta disponibile per loro. E quindi con tutta probabilit\u00e0 i loro manager peseranno i benefici con i loro dirigenti e i loro team finanziari<\/strong>, e i team di design che una volta avevano un modo di lavorare ora dovranno rielaborare altri scenari di lavoro nella nuova modalit\u00e0. <\/p>\n\n\n\n

D’altra parte, invece, per molti team “normali”,<\/em> questa sar\u00e0 una nuova realt\u00e0 da affrontare che potrebbe portare con s\u00e9 benefici in fatto di tempo e organizzazione del lavoro.<\/strong> Solo il tempo dir\u00e0 il destino dei team di design che usano Figma.<\/p>\n\n\n\n

Tuttavia la stessa Figma assicura che l’introduzione della Dev Mode sar\u00e0 solo il primo passo per rendere Figma un posto migliore per gli sviluppatori<\/strong>. Con gli input che arriveranno dalla versione beta di Dev Mode e VS Code, l’applicazione si impegna a espandere le funzionalit\u00e0, inclusi i modi per migliorare la collaborazione tra designer e sviluppatori,<\/strong> estrarre specifiche e guidare una maggiore allineamento tra design e codice.<\/p>\n","protected":false},"excerpt":{"rendered":"

Figma \u00e8 una piattaforma basata sul cloud e on-premise che consente alle aziende di tutte le dimensioni di creare progetti web personalizzati e condividere prototipi. Recentemente ha recentemente lanciato una nuova modalit\u00e0 di utilizzo. Questo nuovo spazio di lavoro dentro Figma \u00e8 stato progettato per permettere agli sviluppatori di sfruttare gli strumenti che gi\u00e0 conoscono… Read more<\/a><\/p>\n","protected":false},"author":165,"featured_media":19940,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","_uag_custom_page_level_css":"","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[10265],"tags":[10329,10438],"collections":[],"class_list":{"0":"post-21854","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-frontend-it","8":"tag-framework","9":"tag-sviluppo-software-it","10":"entry"},"yoast_head":"\nDev Mode di Figma: tutto quello che c'\u00e8 da sapere<\/title>\n<meta name=\"description\" content=\"E' stata da poco lanciata la Dev Mode di Figma, la piattaforma molto usata da aziende e freelance per creare siti e condividere documenti.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"La Dev Mode di Figma: cos\u2019\u00e8 e come funziona\" \/>\n<meta property=\"og:description\" content=\"E' stata da poco lanciata la Dev Mode di Figma, la piattaforma molto usata da aziende e freelance per creare siti e condividere documenti.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/\" \/>\n<meta property=\"og:site_name\" content=\"Codemotion Magazine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Codemotion.Italy\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-12T16:00:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-10T12:02:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1304570729.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1134\" \/>\n\t<meta property=\"og:image:height\" content=\"925\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Lucilla Tomassi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CodemotionIT\" \/>\n<meta name=\"twitter:site\" content=\"@CodemotionIT\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lucilla Tomassi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/\"},\"author\":{\"name\":\"Lucilla Tomassi\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/5c82d45d6feecd046a9d0cd5d32afbed\"},\"headline\":\"La Dev Mode di Figma: cos\u2019\u00e8 e come funziona\",\"datePublished\":\"2023-07-12T16:00:53+00:00\",\"dateModified\":\"2023-11-10T12:02:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/\"},\"wordCount\":992,\"publisher\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1304570729.jpg\",\"keywords\":[\"Framework\",\"sviluppo software\"],\"articleSection\":[\"Frontend\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/\",\"name\":\"Dev Mode di Figma: tutto quello che c'\u00e8 da sapere\",\"isPartOf\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1304570729.jpg\",\"datePublished\":\"2023-07-12T16:00:53+00:00\",\"dateModified\":\"2023-11-10T12:02:03+00:00\",\"description\":\"E' stata da poco lanciata la Dev Mode di Figma, la piattaforma molto usata da aziende e freelance per creare siti e condividere documenti.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/#primaryimage\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1304570729.jpg\",\"contentUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1304570729.jpg\",\"width\":1134,\"height\":925,\"caption\":\"Front end development concept. Vector flat graphic design\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.codemotion.com\/magazine\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Frontend\",\"item\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"La Dev Mode di Figma: cos\u2019\u00e8 e come funziona\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#website\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/\",\"name\":\"Codemotion Magazine\",\"description\":\"We code the future. Together\",\"publisher\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.codemotion.com\/magazine\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#organization\",\"name\":\"Codemotion\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png\",\"contentUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png\",\"width\":225,\"height\":225,\"caption\":\"Codemotion\"},\"image\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Codemotion.Italy\/\",\"https:\/\/x.com\/CodemotionIT\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/5c82d45d6feecd046a9d0cd5d32afbed\",\"name\":\"Lucilla Tomassi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/12\/1730909654580-100x100.jpg\",\"contentUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/12\/1730909654580-100x100.jpg\",\"caption\":\"Lucilla Tomassi\"},\"sameAs\":[\"http:\/\/www.codemotion.com\"],\"url\":\"https:\/\/www.codemotion.com\/magazine\/author\/lucillatomassi\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Dev Mode di Figma: tutto quello che c'\u00e8 da sapere","description":"E' stata da poco lanciata la Dev Mode di Figma, la piattaforma molto usata da aziende e freelance per creare siti e condividere documenti.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/","og_locale":"en_US","og_type":"article","og_title":"La Dev Mode di Figma: cos\u2019\u00e8 e come funziona","og_description":"E' stata da poco lanciata la Dev Mode di Figma, la piattaforma molto usata da aziende e freelance per creare siti e condividere documenti.","og_url":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/","og_site_name":"Codemotion Magazine","article_publisher":"https:\/\/www.facebook.com\/Codemotion.Italy\/","article_published_time":"2023-07-12T16:00:53+00:00","article_modified_time":"2023-11-10T12:02:03+00:00","og_image":[{"width":1134,"height":925,"url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1304570729.jpg","type":"image\/jpeg"}],"author":"Lucilla Tomassi","twitter_card":"summary_large_image","twitter_creator":"@CodemotionIT","twitter_site":"@CodemotionIT","twitter_misc":{"Written by":"Lucilla Tomassi","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/#article","isPartOf":{"@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/"},"author":{"name":"Lucilla Tomassi","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/5c82d45d6feecd046a9d0cd5d32afbed"},"headline":"La Dev Mode di Figma: cos\u2019\u00e8 e come funziona","datePublished":"2023-07-12T16:00:53+00:00","dateModified":"2023-11-10T12:02:03+00:00","mainEntityOfPage":{"@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/"},"wordCount":992,"publisher":{"@id":"https:\/\/www.codemotion.com\/magazine\/#organization"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1304570729.jpg","keywords":["Framework","sviluppo software"],"articleSection":["Frontend"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/","url":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/","name":"Dev Mode di Figma: tutto quello che c'\u00e8 da sapere","isPartOf":{"@id":"https:\/\/www.codemotion.com\/magazine\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/#primaryimage"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1304570729.jpg","datePublished":"2023-07-12T16:00:53+00:00","dateModified":"2023-11-10T12:02:03+00:00","description":"E' stata da poco lanciata la Dev Mode di Figma, la piattaforma molto usata da aziende e freelance per creare siti e condividere documenti.","breadcrumb":{"@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/#primaryimage","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1304570729.jpg","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1304570729.jpg","width":1134,"height":925,"caption":"Front end development concept. Vector flat graphic design"},{"@type":"BreadcrumbList","@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/la-dev-mode-di-figma-cose-e-come-funziona\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.codemotion.com\/magazine\/"},{"@type":"ListItem","position":2,"name":"Frontend","item":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/"},{"@type":"ListItem","position":3,"name":"La Dev Mode di Figma: cos\u2019\u00e8 e come funziona"}]},{"@type":"WebSite","@id":"https:\/\/www.codemotion.com\/magazine\/#website","url":"https:\/\/www.codemotion.com\/magazine\/","name":"Codemotion Magazine","description":"We code the future. Together","publisher":{"@id":"https:\/\/www.codemotion.com\/magazine\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codemotion.com\/magazine\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.codemotion.com\/magazine\/#organization","name":"Codemotion","url":"https:\/\/www.codemotion.com\/magazine\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png","width":225,"height":225,"caption":"Codemotion"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Codemotion.Italy\/","https:\/\/x.com\/CodemotionIT"]},{"@type":"Person","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/5c82d45d6feecd046a9d0cd5d32afbed","name":"Lucilla Tomassi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/image\/","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/12\/1730909654580-100x100.jpg","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/12\/1730909654580-100x100.jpg","caption":"Lucilla Tomassi"},"sameAs":["http:\/\/www.codemotion.com"],"url":"https:\/\/www.codemotion.com\/magazine\/author\/lucillatomassi\/"}]}},"featured_image_src":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1304570729-600x400.jpg","featured_image_src_square":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1304570729-600x600.jpg","author_info":{"display_name":"Lucilla Tomassi","author_link":"https:\/\/www.codemotion.com\/magazine\/author\/lucillatomassi\/"},"uagb_featured_image_src":{"full":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1304570729.jpg",1134,925,false],"thumbnail":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1304570729-150x150.jpg",150,150,true],"medium":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1304570729-300x245.jpg",300,245,true],"medium_large":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1304570729-768x626.jpg",768,626,true],"large":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1304570729-1024x835.jpg",1024,835,true],"1536x1536":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1304570729.jpg",1134,925,false],"2048x2048":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1304570729.jpg",1134,925,false],"small-home-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1304570729.jpg",100,82,false],"sidebar-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1304570729-180x128.jpg",180,128,true],"genesis-singular-images":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1304570729-896x504.jpg",896,504,true],"archive-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1304570729-400x225.jpg",400,225,true],"gb-block-post-grid-landscape":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1304570729-600x400.jpg",600,400,true],"gb-block-post-grid-square":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1304570729-600x600.jpg",600,600,true]},"uagb_author_info":{"display_name":"Lucilla Tomassi","author_link":"https:\/\/www.codemotion.com\/magazine\/author\/lucillatomassi\/"},"uagb_comment_info":0,"uagb_excerpt":"Figma \u00e8 una piattaforma basata sul cloud e on-premise che consente alle aziende di tutte le dimensioni di creare progetti web personalizzati e condividere prototipi. Recentemente ha recentemente lanciato una nuova modalit\u00e0 di utilizzo. Questo nuovo spazio di lavoro dentro Figma \u00e8 stato progettato per permettere agli sviluppatori di sfruttare gli strumenti che gi\u00e0 conoscono……","lang":"it","_links":{"self":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/21854","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/users\/165"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/comments?post=21854"}],"version-history":[{"count":3,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/21854\/revisions"}],"predecessor-version":[{"id":24487,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/21854\/revisions\/24487"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/media\/19940"}],"wp:attachment":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/media?parent=21854"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/categories?post=21854"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/tags?post=21854"},{"taxonomy":"collections","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/collections?post=21854"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}