¿Cuánto cuesta pasar de Figma a WordPress?

Pasar de Figma a WordPress en Fiverr Pro suele costar 140-281 € por una landing page y 281-1.122 € por una web de 3 a 10 páginas hecha con Elementor o el editor de bloques. Un tema programado a medida con contenido dinámico, como listados o una tienda, suele empezar en torno a 1.403 €.

El diseño está aprobado y pagado. Luego te entregan la web y todo queda amontonado en el móvil, las fuentes son distintas y no puedes cambiar los titulares sin escribir al desarrollador.

Así puedes preparar tu archivo de Figma para pedir un presupuesto claro y comprobar que la web coincide con el diseño antes de aceptar la entrega.

Rangos de precio

En el momento de escribir este artículo, estos son los precios habituales en Fiverr Pro según lo que incluya el proyecto:

Fiverr añade una tarifa de servicio al pagar. Pregunta cómo cuenta las páginas el vendedor: algunos cuentan cada diseño único, así que diez páginas que comparten un mismo diseño pueden costar menos que cinco distintas.

Qué obtienes realmente con cada precio

140-281 €: una landing page

El vendedor reconstruye una página a partir de tus marcos de Figma, normalmente en Elementor, y la adapta al móvil. Es una buena opción para el lanzamiento de un producto o una campaña de anuncios. Comprueba si el formulario, las fuentes y las animaciones están incluidos.

281-561 €: una web pequeña

De tres a cinco páginas con cabecera, pie de página y menú comunes. Los ajustes globales de colores y fuentes permiten mantener el mismo estilo en las páginas que añadas después. Normalmente el contenido lo pones tú, salvo que la descripción del servicio diga otra cosa.

561-1.122 €: una web completa

De seis a diez páginas, más plantillas para entradas del blog y archivos, para que las entradas nuevas sigan el diseño. Pide que añadan tu contenido y que conecten los formularios al buzón correcto.

Desde 1.403 €: un tema a medida o contenido dinámico

Aquí el desarrollador programa un tema a mano o crea tipos de contenido que rellenas desde el escritorio, como miembros del equipo, proyectos o anuncios de inmuebles. Cuesta más, pero la web lleva solo el código que necesita el diseño, y la estructura se puede bloquear para que los editores cambien el contenido y no el diseño. Una tienda diseñada en Figma también entra aquí; si más adelante tienes problemas con los pagos, mira cómo contratar a un desarrollador de WooCommerce.

Lo que no suele incluir un servicio barato

El paquete Basic es el más limitado que ofrece un vendedor y a menudo deja fuera:

• la versión para tablet, o una versión móvil que no diseñaste
• cambios de aspecto al pasar el ratón, menús y mensajes de error de los formularios
• texto que puedas editar, en lugar de texto incrustado en imágenes
• licencias de plugins a tu nombre
• añadir tu contenido real
• una revisión básica de velocidad al terminar

Qué encarece pasar de Figma a WordPress

Importa más el número de diseños únicos que el número de páginas.

• Plantillas únicas Las páginas que reutilizan el mismo diseño cuestan mucho menos que las que tienen un diseño distinto cada una.
• Faltan los marcos para móvil Si solo tienes el diseño para ordenador, el vendedor tiene que diseñar la versión móvil sobre la marcha.
• Un archivo de Figma desordenado Los espacios desiguales entre elementos y las capas sin auto layout ni estilos compartidos hacen que cueste más interpretar el archivo.
• Animaciones Los efectos al hacer scroll, los sliders y las interacciones personalizadas suelen cobrarse aparte.
• Contenido dinámico Un portfolio, una página de equipo o listados que rellenas desde el escritorio necesitan sus propias plantillas, a menudo con campos personalizados.
• Una tienda o varios idiomas Las páginas de WooCommerce y las versiones traducidas requieren sus propias plantillas y pruebas.

Cuenta tus diseños únicos antes de pedir presupuestos.

¿Elementor, el editor de bloques o un tema a medida?

La forma de construir la web influye en el precio y en cómo la editarás después.

La mayoría de los servicios de Fiverr ofrecen crear la web con Elementor. Elementor Pro cuesta desde unos 60 $ al año para una web en el momento de escribir este artículo. Si la licencia está en tu propia cuenta de Elementor, seguirás recibiendo actualizaciones aunque el vendedor deje de trabajar contigo.

Si piensas hacer crecer la web, pregunta por un tema de bloques o un tema a medida. Si sobre todo quieres cambiar textos e imágenes, un maquetador de páginas es la opción más sencilla. Mira mis recomendaciones de maquetadores de páginas.

Lo que puedes hacer tú mismo

La parte más barata de la conversión es la que haces antes de encargarla.

1. Diseña la versión móvil. Añade un marco con la versión móvil de cada diseño único. Los vendedores cobran menos cuando no tienen que adivinar.
2. Ordena el archivo de Figma. Usa auto layout, pon nombre a las páginas y define estilos compartidos de color y de texto.
3. Revisa las fuentes. Las fuentes de Google Fonts son gratuitas para usarlas en una web. Una fuente de pago necesita una licencia web, y la compras tú, no el vendedor.
4. Marca lo que vas a editar. Apunta qué textos, imágenes y secciones quieres cambiar tú más adelante.

También hay plugins que convierten un marco de Figma en secciones de Elementor. Para una landing page sencilla pueden ahorrar tiempo, pero el resultado suele necesitar ajustes en la versión móvil y en los espacios entre elementos.

Si tu proyecto tiene más de unos pocos diseños distintos, contenido dinámico o una tienda, deja la conversión en manos de un profesional y acuerda qué incluirá el trabajo.

¿Merece la pena pagar por pasar de Figma a WordPress?

Si ya pagaste un diseño a medida, sí. Montar la web suele costar menos que el propio diseño, y una buena conversión respeta el diseño por el que pagaste en todos los tamaños de pantalla.

Si todavía no tienes diseño, un tema ya hecho o una plantilla de inicio puede costar menos de 100 $. Un desarrollador puede adaptarlo a tu marca. Un diseño a medida en Figma tiene sentido para una estructura poco habitual o cuando un tema ya hecho te limita una y otra vez.

Un presupuesto más alto permite crear un tema a medida con tipos de contenido, una tienda o una web que varias personas van a editar durante años.

Cómo pedir un presupuesto honesto

Manda estos datos en tu primer mensaje:

• Enlace de Figma Compártelo con acceso de lectura. Con una cuenta gratuita de Figma el vendedor puede medir y exportar imágenes.
• Diseños únicos Enuméralos y di qué páginas reutilizan cada uno.
• Tamaños de pantalla Di si tienes los diseños para ordenador, tablet y móvil.
• Cómo se hará la web Di si quieres Elementor, el editor de bloques o un tema a medida, o pregunta qué te recomiendan y por qué.
• Contenido Indica quién añade los textos y las imágenes y cuántas entradas o productos hay que subir.
• Formularios y funciones Indica a qué buzón debe llegar cada formulario y qué funciones necesitas para reservas, newsletter o tienda.
• Hosting Di dónde va a estar la web y si hay una copia de staging.

Pide un precio cerrado por diseño o por la lista completa. Acuerda con el vendedor qué significa “coincide con el diseño”: las mismas fuentes, colores y espaciados en los tamaños de pantalla que diseñaste.

Señales de alarma en el precio

• un presupuesto enviado sin abrir tu archivo de Figma
• diez páginas únicas, “pixel perfect”, en un día
• un Elementor Pro o plugin de pago “gratis” sin una clave de licencia
• una oferta para montar la web en un hosting suyo
• una petición de pagar fuera de Fiverr

Cómo contratar con seguridad

Para pasar un diseño de Figma a WordPress te recomiendo Fiverr Pro. Fiverr evalúa de forma individual la experiencia, el portfolio y el historial de trabajo de los freelancers Pro antes de darles la insignia Pro. Yo mismo trabajo en Fiverr, así que sé cómo funcionan sus pedidos, pagos y reseñas. Para un proyecto más grande, pregunta si el servicio permite trabajar con entregas parciales, para pagar página a página.

Mantén el hosting, el dominio y cada licencia a tu nombre.

Dale al vendedor una cuenta de usuario de WordPress independiente y otra de SFTP si necesita acceder a los archivos. Si la web ya está publicada, haz primero tu propia copia de seguridad y pídele que trabaje en una copia de staging.

Fiverr te da tres días para revisar una entrega, y algo más para cada entrega parcial. Compara cada página con su marco de Figma en un ordenador y en un móvil. Cambia tú un titular, prueba todos los formularios y pasa la página de inicio por PageSpeed Insights de Google. Pide los cambios a través de Fiverr antes de aceptar, y después borra los usuarios del vendedor y cambia las contraseñas que hayas compartido.

Resumen

Lo que cuesta pasar de Figma a WordPress depende de cuántos diseños únicos tengas, de si la versión móvil está diseñada y de cómo se construye la web. Una web barata que no incluye la versión móvil o las licencias a tu nombre a menudo sale más cara por los arreglos que necesita después. Prepara el archivo, cuenta los diseños y empieza por una página para ver cómo trabaja el vendedor.