{"id":11372,"date":"2023-01-17T20:56:00","date_gmt":"2023-01-17T20:56:00","guid":{"rendered":"https:\/\/wcanvas.com\/?post_type=blogs&p=11372"},"modified":"2024-12-23T21:14:43","modified_gmt":"2024-12-23T21:14:43","slug":"exportar-figma-wordpress","status":"publish","type":"blogs","link":"https:\/\/wcanvas.com\/es\/blog\/exportar-figma-wordpress\/","title":{"rendered":"\u00bfC\u00f3mo exportar Figma a WordPress?"},"content":{"rendered":"\n

Desde su ingreso al mercado en 2016, Figma se ha convertido en una herramienta popular para construir sitios web en WordPress, tanto con como sin c\u00f3digo. Usando Figma, los desarrolladores pueden colaborar para dise\u00f1ar el esquema de una p\u00e1gina y exportarlo a m\u00faltiples plataformas de construcci\u00f3n de sitios.<\/p>\n\n\n\n

Este art\u00edculo es una gu\u00eda breve para convertir dise\u00f1os de Figma a WordPress exportando el c\u00f3digo desde Figma e import\u00e1ndolo en tu sitio de WordPress.<\/p>\n\n\n\n

Hacete una copia de seguridad de tu sitio primero<\/h2>\n\n\n\n

No importa lo cuidadoso que seas o qu\u00e9 tan bien realices los pasos a continuaci\u00f3n, ten\u00e9 en cuenta que WordPress y Figma no siempre funcionan a la perfecci\u00f3n juntos. Durante el proceso de exportaci\u00f3n e importaci\u00f3n, tu sitio web podr\u00eda experimentar problemas que afecten su rendimiento y estabilidad.<\/p>\n\n\n\n

Si no lo hiciste ya, respald\u00e1 tu sitio antes de continuar. Si algo sale mal, vas a poder volver a una versi\u00f3n anterior y funcional e intentarlo de nuevo.<\/p>\n\n\n\n

5 formas de exportar tus dise\u00f1os de Figma a WordPress<\/h2>\n\n\n\n

1. Export\u00e1 tus archivos de dise\u00f1o de Figma como archivos HTML<\/h3>\n\n\n\n
\"code\"<\/figure>\n\n\n\n

Puedes convertir r\u00e1pidamente tus dise\u00f1os de Figma a HTML, los cuales pod\u00e9s usar en WordPress.<\/p>\n\n\n\n

Con tu archivo Figma abierto, and\u00e1 a Archivo > Exportar > HTML<\/strong>.<\/p>\n\n\n\n

Luego pod\u00e9s cargar el archivo resultante en tu sitio de WordPress siguiendo estos pasos:<\/p>\n\n\n\n

    \n
  1. Acced\u00e9 a tu panel de administraci\u00f3n y and\u00e1 a P\u00e1ginas <\/strong>en la barra lateral.<\/li>\n\n\n\n
  2. Naveg\u00e1 a una p\u00e1gina existente o cre\u00e1 una nueva.<\/li>\n\n\n\n
  3. Hac\u00e9 clic en A\u00f1adir bloque<\/strong>, luego agreg\u00e1 un bloque de Archivo<\/strong>.<\/li>\n\n\n\n
  4. Eleg\u00ed o arrastr\u00e1 y solt\u00e1 el archivo HTML que exportaste desde Figma.<\/li>\n<\/ol>\n\n\n\n

    2. Export\u00e1 tus archivos de dise\u00f1o de Figma usando un plugin de terceros<\/h3>\n\n\n\n
    \"plugins\"<\/figure>\n\n\n\n

    Existen plugins de terceros dise\u00f1ados para convertir tus archivos de Figma directamente en WordPress. pxCode<\/a> es probablemente el m\u00e1s popular, permiti\u00e9ndote convertir archivos de Figma a HTML\/React.js como una alternativa sin c\u00f3digo para construir sitios web en WordPress.<\/p>\n\n\n\n

    Pod\u00e9s importar archivos de Figma a pxCode y editarlos en la plataforma. Una vez que est\u00e9s satisfecho con el dise\u00f1o de la p\u00e1gina, necesit\u00e1s descargar el plugin pxCode en WordPress.<\/p>\n\n\n\n

    Una vez hecho eso, vas a poder importar p\u00e1ginas directamente desde pxCode a WordPress. Una vez importadas, pod\u00e9s editarlas a\u00fan m\u00e1s sin necesidad de c\u00f3digo.<\/p>\n\n\n\n

    3. Consegu\u00ed un tema de inicio y completalo con el c\u00f3digo HTML de Figma<\/h3>\n\n\n\n
    \"code\"<\/figure>\n\n\n\n

    Los temas de inicio son temas de WordPress con dise\u00f1os y opciones de dise\u00f1o m\u00ednimas. Son un lienzo en blanco para los desarrolladores para dise\u00f1ar temas sin tener que codificarlos desde cero.<\/p>\n\n\n\n

    Con tu archivo HTML de Figma exportado en mano, pod\u00e9s simplemente seleccionar un tema de inicio desde la biblioteca de temas de WordPress. Ahora abr\u00ed el c\u00f3digo del tema de inicio y simplemente empez\u00e1 a completar el c\u00f3digo del archivo de Figma.<\/p>\n\n\n\n

    Puede ser tedioso, pero es una buena forma de revisar el c\u00f3digo mientras lo implement\u00e1s.<\/p>\n\n\n\n

    4. Us\u00e1 constructores visuales para convertir Figma a WordPress<\/h3>\n\n\n\n
    \"working\"<\/figure>\n\n\n\n

    Los constructores visuales son plugins que te permiten editar el esquema de tu sitio web sin codificaci\u00f3n. Son conocidos principalmente por sus funciones de arrastrar y soltar.<\/p>\n\n\n\n

    Incluso hay plugins, como Fignel, que integran archivos de Figma en Elementor. Te permiten construir p\u00e1ginas arrastrando y soltando elementos en WordPress.<\/p>\n\n\n\n

    5. Contrat\u00e1 desarrolladores o proveedores de servicios Figma a WordPress<\/h3>\n\n\n\n
    \"working\"<\/figure>\n\n\n\n

    Para aquellos con poco o ning\u00fan conocimiento o experiencia en codificaci\u00f3n, hay proveedores de terceros que se encargan de la mayor parte del proceso por vos. Pueden ser desarrolladores tradicionales de WordPress con experiencia en el uso de Figma o agencias especializadas en conversiones de Figma a WordPress.<\/p>\n\n\n\n

    De cualquier manera, son desarrolladores experimentados que pueden interpretar el c\u00f3digo generado por tus archivos de Figma e implementarlo en WordPress sin depender de herramientas externas.<\/p>\n\n\n\n

    Explor\u00e1 agencias de WordPress que tengan experiencia o se centren en conversiones de Figma y asociate con la que mejor se adapte a tus necesidades.<\/p>\n\n\n\n

    \u00bfPor qu\u00e9 usar Figma para construir sitios en WordPress?<\/h2>\n\n\n\n

    Figma apareci\u00f3 en la escena hace unos a\u00f1os y r\u00e1pidamente se ha convertido en un actor importante en el desarrollo colaborativo de WordPress. Las principales razones para integrar Figma en tu flujo de trabajo de desarrollo de WordPress incluyen lo siguiente:<\/p>\n\n\n\n

      \n
    • Soporte multiplataforma<\/li>\n\n\n\n
    • Colaboraci\u00f3n basada en navegador. Figma funciona muy parecido a Google Docs: puedes ver qui\u00e9n est\u00e1 viendo el dise\u00f1o y configurar permisos de edici\u00f3n. Solo aquellos autorizados para editar pueden hacer cambios en el dise\u00f1o.<\/li>\n\n\n\n
    • Un excelente sistema de retroalimentaci\u00f3n en la aplicaci\u00f3n<\/li>\n\n\n\n
    • Diversas herramientas para la creaci\u00f3n de prototipos<\/li>\n<\/ul>\n\n\n\n

      \u00bfFigma y WordPress est\u00e1n hechos para ser compatibles?<\/h2>\n\n\n\n

      A pesar de los muchos m\u00e9todos para convertir tus dise\u00f1os en p\u00e1ginas de WordPress, Figma y WordPress no son totalmente compatibles. Esto es evidente cuando consider\u00e1s que necesit\u00e1s soporte de terceros para que varios de estos m\u00e9todos funcionen.<\/p>\n\n\n\n

      Aun as\u00ed, hay formas de sortear estas limitaciones, y los desarrolladores de WordPress se benefician mucho al integrar Figma en sus flujos de trabajo.<\/p>\n\n\n\n

      Es probable que los problemas de compatibilidad mejoren con el tiempo, pero por ahora, hay problemas evidentes al realizar conversiones de Figma a WordPress. Esto nos lleva a nuestro \u00faltimo punto.<\/p>\n\n\n\n

      Posibles problemas al exportar dise\u00f1os de Figma a WordPress<\/h2>\n\n\n\n

      Esta ser\u00eda una gu\u00eda incompleta si no incluy\u00e9ramos los posibles problemas que pod\u00e9s encontrar al convertir Figma a WordPress. Estos son los m\u00e1s comunes.<\/p>\n\n\n\n

      La p\u00e1gina web resultante a menudo no es muy responsiva<\/h3>\n\n\n\n

      Figma es genial para previsualizar p\u00e1ginas antes del despliegue, pero por ahora, no es ideal para proporcionar c\u00f3digo. Uno de los principales problemas que esto genera es la falta de capacidad de respuesta.<\/p>\n\n\n\n

      No solo el c\u00f3digo de Figma a menudo no es responsivo por s\u00ed mismo, sino que tambi\u00e9n puede causar problemas si el entorno del sitio tambi\u00e9n carece de capacidad de respuesta. Factores comunes incluyen un tema que no est\u00e1 codificado para ser amigable con dispositivos m\u00f3viles, plugins incompatibles y medios de tama\u00f1o inadecuado.<\/p>\n\n\n\n

      Introducir el c\u00f3digo de Figma en este entorno puede llevar a una mayor falta de capacidad de respuesta sin una edici\u00f3n extensa.<\/p>\n\n\n\n

      El c\u00f3digo resultante puede no conformarse con los est\u00e1ndares de tu equipo<\/h3>\n\n\n\n

      Los equipos profesionales usan convenciones de nomenclatura para asegurar que su c\u00f3digo est\u00e9 altamente estructurado y funcione bien. Nuestros equipos usan BEM y SCSS, por ejemplo.<\/p>\n\n\n\n

      Los archivos de exportaci\u00f3n HTML y CSS de Figma no se conforman con estas convenciones y como resultado, no son ideales para nuestras necesidades. Otras agencias de WordPress enfrentan problemas similares al intentar integrar la salida de Figma en su c\u00f3digo.<\/p>\n\n\n\n

      Si bien es \u00fatil para determinar detalles como tama\u00f1os de fuentes y distancias entre elementos, la salida de Figma tiene dificultades para funcionar bien con los est\u00e1ndares y convenciones existentes.<\/p>\n\n\n\n

      Reflexiones finales<\/h2>\n\n\n\n

      Figma es una excelente herramienta para la colaboraci\u00f3n en equipo y para determinar los detalles del dise\u00f1o web. Hay muchos m\u00e9todos para integrar el c\u00f3digo que produce Figma en tu sitio de WordPress.<\/p>\n\n\n\n

      Algunos de ellos requieren c\u00f3digo mientras que otros no. Y algunos de ellos requieren plugins de terceros o incluso equipos de desarrollo externos para concretarse.<\/p>\n\n\n\n

      A pesar de los muchos m\u00e9todos de integraci\u00f3n, ten\u00e9 en cuenta que los archivos de salida de Figma a menudo no son aptos para “copiar y pegar”. Puede ser dif\u00edcil incluir el c\u00f3digo de Figma en tu sitio sin enfrentar varios problemas.<\/p>\n\n\n\n

      Sin embargo, eso no deber\u00eda detenerte para usarlo. Si sos consciente de sus beneficios y limitaciones, tu equipo puede hacer que las caracter\u00edsticas de Figma se conviertan en una parte productiva del flujo de trabajo.<\/p>\n","protected":false},"excerpt":{"rendered":"

      Desde su ingreso al mercado en 2016, Figma se ha convertido en una herramienta popular para construir sitios web en WordPress, tanto con como sin c\u00f3digo. Usando Figma, los desarrolladores pueden colaborar para dise\u00f1ar el esquema de una p\u00e1gina y exportarlo a m\u00faltiples plataformas de construcci\u00f3n de sitios. Este art\u00edculo es una gu\u00eda breve para […]<\/p>\n","protected":false},"author":1,"featured_media":1085,"template":"","blog-categories":[77],"class_list":["post-11372","blogs","type-blogs","status-publish","has-post-thumbnail","hentry","blog-categories-paso-a-paso"],"acf":[],"yoast_head":"\n\u00bfC\u00f3mo exportar Figma a WordPress? - White Canvas<\/title>\n<meta name=\"description\" content=\"Te presentamos 5 formas de convertir tus dise\u00f1os de Figma en sitios de WordPress para llevar tu dise\u00f1o a la realidad.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wcanvas.com\/es\/blog\/exportar-figma-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfC\u00f3mo exportar Figma a WordPress? - White Canvas\" \/>\n<meta property=\"og:description\" content=\"Te presentamos 5 formas de convertir tus dise\u00f1os de Figma en sitios de WordPress para llevar tu dise\u00f1o a la realidad.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wcanvas.com\/es\/blog\/exportar-figma-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"White Canvas\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-23T21:14:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/How-to-export-Figma-to-WordPress_.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1169\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t \"@context\": \"https:\/\/schema.org\",\n\t \"@graph\": [\n\t {\n\t \"@type\": [\n\t \"Article\",\n\t \"BlogPosting\"\n\t ],\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/exportar-figma-wordpress\/#article\",\n\t \"isPartOf\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/exportar-figma-wordpress\/\"\n\t },\n\t \"author\": {\n\t \"@type\": \"Organization\",\n\t \"name\": \"Wcanvas\",\n\t \"url\": \"https:\/\/wcanvas.com\/\"\n\t },\n\t \"headline\": \"\u00bfC\u00f3mo exportar Figma a WordPress?\",\n\t \"datePublished\": \"2023-01-17T20:56:00+00:00\",\n\t \"dateModified\": \"2024-12-23T21:14:43+00:00\",\n\t \"mainEntityOfPage\": {\n\t \"@type\": \"WebPage\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/exportar-figma-wordpress\/\"\n\t },\n\t \"wordCount\": 1350,\n\t \"publisher\": {\n\t \"@type\": \"Organization\",\n\t \"name\": \"Wcanvas\",\n\t \"logo\": {\n\t \"@type\": \"ImageObject\",\n\t \"url\": \"https:\/\/wcanvas.com\/wp-content\/themes\/wcanvas\/assets\/img\/elements\/logo-white-white.png\"\n\t }\n\t },\n\t \"image\": [],\n\t \"thumbnailUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/How-to-export-Figma-to-WordPress_.jpg\",\n\t \"inLanguage\": \"es\",\n\t \"description\": null\n\t },\n\t {\n\t \"@type\": \"WebPage\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/exportar-figma-wordpress\/\",\n\t \"url\": \"https:\/\/wcanvas.com\/es\/blog\/exportar-figma-wordpress\/\",\n\t \"name\": \"\u00bfC\u00f3mo exportar Figma a WordPress? - White Canvas\",\n\t \"isPartOf\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#website\"\n\t },\n\t \"primaryImageOfPage\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/exportar-figma-wordpress\/#primaryimage\"\n\t },\n\t \"image\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/exportar-figma-wordpress\/#primaryimage\"\n\t },\n\t \"thumbnailUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/How-to-export-Figma-to-WordPress_.jpg\",\n\t \"datePublished\": \"2023-01-17T20:56:00+00:00\",\n\t \"dateModified\": \"2024-12-23T21:14:43+00:00\",\n\t \"description\": \"Te presentamos 5 formas de convertir tus dise\u00f1os de Figma en sitios de WordPress para llevar tu dise\u00f1o a la realidad.\",\n\t \"breadcrumb\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/exportar-figma-wordpress\/#breadcrumb\"\n\t },\n\t \"inLanguage\": \"es\",\n\t \"potentialAction\": [\n\t {\n\t \"@type\": \"ReadAction\",\n\t \"target\": [\n\t \"https:\/\/wcanvas.com\/es\/blog\/exportar-figma-wordpress\/\"\n\t ]\n\t }\n\t ]\n\t },\n\t {\n\t \"@type\": \"ImageObject\",\n\t \"inLanguage\": \"es\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/exportar-figma-wordpress\/#primaryimage\",\n\t \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/How-to-export-Figma-to-WordPress_.jpg\",\n\t \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/How-to-export-Figma-to-WordPress_.jpg\",\n\t \"width\": 1169,\n\t \"height\": 628,\n\t \"caption\": \"Figma-Wordpress\"\n\t },\n\t {\n\t \"@type\": \"BreadcrumbList\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/exportar-figma-wordpress\/#breadcrumb\",\n\t \"itemListElement\": [\n\t {\n\t \"@type\": \"ListItem\",\n\t \"position\": 1,\n\t \"name\": \"Home\",\n\t \"item\": \"https:\/\/wcanvas.com\/es\/\"\n\t },\n\t {\n\t \"@type\": \"ListItem\",\n\t \"position\": 2,\n\t \"name\": \"Blogs\",\n\t \"item\": \"https:\/\/wcanvas.com\/es\/blogs\/\"\n\t },\n\t {\n\t \"@type\": \"ListItem\",\n\t \"position\": 3,\n\t \"name\": \"\u00bfC\u00f3mo exportar Figma a WordPress?\"\n\t }\n\t ]\n\t },\n\t {\n\t \"@type\": \"WebSite\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#website\",\n\t \"url\": \"https:\/\/wcanvas.com\/es\/\",\n\t \"name\": \"White Canvas\",\n\t \"description\": \"\",\n\t \"publisher\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#organization\"\n\t },\n\t \"potentialAction\": [\n\t {\n\t \"@type\": \"SearchAction\",\n\t \"target\": {\n\t \"@type\": \"EntryPoint\",\n\t \"urlTemplate\": \"https:\/\/wcanvas.com\/es\/?s={search_term_string}\"\n\t },\n\t \"query-input\": {\n\t \"@type\": \"PropertyValueSpecification\",\n\t \"valueRequired\": true,\n\t \"valueName\": \"search_term_string\"\n\t }\n\t }\n\t ],\n\t \"inLanguage\": \"es\"\n\t },\n\t {\n\t \"@type\": \"Organization\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#organization\",\n\t \"name\": \"White Canvas\",\n\t \"url\": \"https:\/\/wcanvas.com\/es\/\",\n\t \"logo\": {\n\t \"@type\": \"ImageObject\",\n\t \"inLanguage\": \"es\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/\",\n\t \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg\",\n\t \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg\",\n\t \"width\": 115,\n\t \"height\": 32,\n\t \"caption\": \"White Canvas\"\n\t },\n\t \"image\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/\"\n\t },\n\t \"alternateName\": \"Wcanvas\",\n\t \"contactPoint\": [\n\t {\n\t \"@type\": \"ContactPoint\",\n\t \"telephone\": \"+1 (347) 688 2902\",\n\t \"contactType\": \"sales\",\n\t \"contactOption\": \"TollFree\",\n\t \"areaServed\": \"US\",\n\t \"availableLanguage\": \"en\"\n\t },\n\t {\n\t \"@type\": \"ContactPoint\",\n\t \"telephone\": \"+54 (11) 5236 4717\",\n\t \"contactType\": \"sales\",\n\t \"contactOption\": \"TollFree\",\n\t \"areaServed\": \"AR\",\n\t \"availableLanguage\": \"es\"\n\t }\n\t ]\n\t },\n\t {\n\t \"@type\": \"Person\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/person\/ea362f7fa9eb0239142e5e982bd8c198\",\n\t \"name\": \"Nicolas Pisani\",\n\t \"image\": {\n\t \"@type\": \"ImageObject\",\n\t \"inLanguage\": \"es\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/person\/image\/\",\n\t \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png\",\n\t \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png\",\n\t \"caption\": \"Nicolas Pisani\"\n\t },\n\t \"sameAs\": [\n\t \"https:\/\/wcanvas.com\",\n\t \"#\",\n\t \"https:\/\/www.instagram.com\/whitecanvasteam\/\",\n\t \"https:\/\/x.com\/wcanvas\"\n\t ]\n\t }\n\t ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00bfC\u00f3mo exportar Figma a WordPress? - White Canvas","description":"Te presentamos 5 formas de convertir tus dise\u00f1os de Figma en sitios de WordPress para llevar tu dise\u00f1o a la realidad.","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:\/\/wcanvas.com\/es\/blog\/exportar-figma-wordpress\/","og_locale":"es_ES","og_type":"article","og_title":"\u00bfC\u00f3mo exportar Figma a WordPress? - White Canvas","og_description":"Te presentamos 5 formas de convertir tus dise\u00f1os de Figma en sitios de WordPress para llevar tu dise\u00f1o a la realidad.","og_url":"https:\/\/wcanvas.com\/es\/blog\/exportar-figma-wordpress\/","og_site_name":"White Canvas","article_modified_time":"2024-12-23T21:14:43+00:00","og_image":[{"width":1169,"height":628,"url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/How-to-export-Figma-to-WordPress_.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/wcanvas.com\/es\/blog\/exportar-figma-wordpress\/#article","isPartOf":{"@id":"https:\/\/wcanvas.com\/es\/blog\/exportar-figma-wordpress\/"},"author":{"@type":"Organization","name":"Wcanvas","url":"https:\/\/wcanvas.com\/"},"headline":"\u00bfC\u00f3mo exportar Figma a WordPress?","datePublished":"2023-01-17T20:56:00+00:00","dateModified":"2024-12-23T21:14:43+00:00","mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/wcanvas.com\/es\/blog\/exportar-figma-wordpress\/"},"wordCount":1350,"publisher":{"@type":"Organization","name":"Wcanvas","logo":{"@type":"ImageObject","url":"https:\/\/wcanvas.com\/wp-content\/themes\/wcanvas\/assets\/img\/elements\/logo-white-white.png"}},"image":[],"thumbnailUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/How-to-export-Figma-to-WordPress_.jpg","inLanguage":"es","description":null},{"@type":"WebPage","@id":"https:\/\/wcanvas.com\/es\/blog\/exportar-figma-wordpress\/","url":"https:\/\/wcanvas.com\/es\/blog\/exportar-figma-wordpress\/","name":"\u00bfC\u00f3mo exportar Figma a WordPress? - White Canvas","isPartOf":{"@id":"https:\/\/wcanvas.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wcanvas.com\/es\/blog\/exportar-figma-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/wcanvas.com\/es\/blog\/exportar-figma-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/How-to-export-Figma-to-WordPress_.jpg","datePublished":"2023-01-17T20:56:00+00:00","dateModified":"2024-12-23T21:14:43+00:00","description":"Te presentamos 5 formas de convertir tus dise\u00f1os de Figma en sitios de WordPress para llevar tu dise\u00f1o a la realidad.","breadcrumb":{"@id":"https:\/\/wcanvas.com\/es\/blog\/exportar-figma-wordpress\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wcanvas.com\/es\/blog\/exportar-figma-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/blog\/exportar-figma-wordpress\/#primaryimage","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/How-to-export-Figma-to-WordPress_.jpg","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/How-to-export-Figma-to-WordPress_.jpg","width":1169,"height":628,"caption":"Figma-Wordpress"},{"@type":"BreadcrumbList","@id":"https:\/\/wcanvas.com\/es\/blog\/exportar-figma-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wcanvas.com\/es\/"},{"@type":"ListItem","position":2,"name":"Blogs","item":"https:\/\/wcanvas.com\/es\/blogs\/"},{"@type":"ListItem","position":3,"name":"\u00bfC\u00f3mo exportar Figma a WordPress?"}]},{"@type":"WebSite","@id":"https:\/\/wcanvas.com\/es\/#website","url":"https:\/\/wcanvas.com\/es\/","name":"White Canvas","description":"","publisher":{"@id":"https:\/\/wcanvas.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wcanvas.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/wcanvas.com\/es\/#organization","name":"White Canvas","url":"https:\/\/wcanvas.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg","width":115,"height":32,"caption":"White Canvas"},"image":{"@id":"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/"},"alternateName":"Wcanvas","contactPoint":[{"@type":"ContactPoint","telephone":"+1 (347) 688 2902","contactType":"sales","contactOption":"TollFree","areaServed":"US","availableLanguage":"en"},{"@type":"ContactPoint","telephone":"+54 (11) 5236 4717","contactType":"sales","contactOption":"TollFree","areaServed":"AR","availableLanguage":"es"}]},{"@type":"Person","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/person\/ea362f7fa9eb0239142e5e982bd8c198","name":"Nicolas Pisani","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png","caption":"Nicolas Pisani"},"sameAs":["https:\/\/wcanvas.com","#","https:\/\/www.instagram.com\/whitecanvasteam\/","https:\/\/x.com\/wcanvas"]}]}},"_links":{"self":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blogs\/11372","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blogs"}],"about":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/types\/blogs"}],"author":[{"embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/media\/1085"}],"wp:attachment":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/media?parent=11372"}],"wp:term":[{"taxonomy":"blog-categories","embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blog-categories?post=11372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}