{"componentChunkName":"component---src-templates-docs-js","path":"/es-es/guides/create-your-first-image","result":{"data":{"site":{"siteMetadata":{"title":"Documentation | DesignerBox","docsLocation":""}},"mdx":{"fields":{"id":"dacf3ab1-5613-5fdf-abb6-2be29b2d8bf4","title":"Crea Tu Primera Imagen","slug":"/es-es/guides/create-your-first-image","locale":"es-ES"},"body":"var _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n/* @jsxRuntime classic */\n/* @jsx mdx */\n\nvar _frontmatter = {\n  \"title\": \"Crea Tu Primera Imagen\",\n  \"metaTitle\": \"Crea Tu Primera Imagen | DesignerBox\",\n  \"metaDescription\": \"Abre AI Image en DesignerBox, escribe un prompt o sube una foto, elige tus ajustes y genera tu primera imagen de AI.\",\n  \"order\": 1\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", null, \"Crea Tu Primera Imagen\"), mdx(\"p\", null, \"La forma mas rapida de empezar en DesignerBox es la herramienta \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"AI Image\"), \". Esta guia te lleva desde un prompt en blanco hasta una imagen terminada.\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"800px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/docs/static/159a2836c8c4ceea30b4778efa2abc4f/356e8/ai-image.jpg\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"56.49999999999999%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAALABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAEEBf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAdxZlpQMP//EABkQAAIDAQAAAAAAAAAAAAAAAAEDAAIEEP/aAAgBAQABBQI93sutecmyJ//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABsQAAIBBQAAAAAAAAAAAAAAAAECEAAREiEx/9oACAEBAAY/ApXBiN0hPbR//8QAGRABAQEAAwAAAAAAAAAAAAAAAQARIUFR/9oACAEBAAE/Ielr5DsgoueJT9RVi//aAAwDAQACAAMAAAAQwA//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/ED//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/ED//xAAZEAEAAwEBAAAAAAAAAAAAAAABABExIZH/2gAIAQEAAT8QCCDuWQHF7K6oWNRwoEurKyLjeDVmJ//Z')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"La herramienta AI Image de DesignerBox con las pestanas Text to Image e Image to Image, un cuadro de prompt y un boton Generar\",\n    \"title\": \"La herramienta AI Image de DesignerBox con las pestanas Text to Image e Image to Image, un cuadro de prompt y un boton Generar\",\n    \"src\": \"/docs/static/159a2836c8c4ceea30b4778efa2abc4f/4b190/ai-image.jpg\",\n    \"srcSet\": [\"/docs/static/159a2836c8c4ceea30b4778efa2abc4f/e07e9/ai-image.jpg 200w\", \"/docs/static/159a2836c8c4ceea30b4778efa2abc4f/066f9/ai-image.jpg 400w\", \"/docs/static/159a2836c8c4ceea30b4778efa2abc4f/4b190/ai-image.jpg 800w\", \"/docs/static/159a2836c8c4ceea30b4778efa2abc4f/e5166/ai-image.jpg 1200w\", \"/docs/static/159a2836c8c4ceea30b4778efa2abc4f/356e8/ai-image.jpg 1512w\"],\n    \"sizes\": \"(max-width: 800px) 100vw, 800px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n  \"), \"\\n    \")), mdx(\"h2\", null, \"1. Abre AI Image\"), mdx(\"p\", null, \"Selecciona \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"AI Image\"), \" desde la barra lateral. Veras dos pestanas:\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Text to Image\"), \" - crea una imagen a partir de una descripcion escrita.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Image to Image\"), \" - sube una foto y transformala.\")), mdx(\"h2\", null, \"2. Describe lo que quieres\"), mdx(\"p\", null, \"Escribe tu idea en el cuadro de prompt, por ejemplo \\\"un telefono sobre un fondo de estudio limpio, luz diurna suave\\\". Usa el campo \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Negative\"), \" para listar cosas que evitar (borroso, manos distorsionadas, texto, marca de agua). El boton \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Enhance\"), \" reescribe un prompt corto en uno mas detallado.\"), mdx(\"h2\", null, \"3. Elige tus ajustes\"), mdx(\"p\", null, \"Abre el selector de modelo para elegir un \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"modelo\"), \", un \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"estilo artistico\"), \", una \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"relacion de aspecto\"), \" (como 9:16 o 16:9) y una \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"cantidad\"), \" (cuantas variaciones crear).\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"800px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/docs/static/076b7317d03759fa846ae37b940711a4/356e8/ai-image-options.jpg\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"56.49999999999999%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAALABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAQFAf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAbhLdGDQ/8QAGRAAAgMBAAAAAAAAAAAAAAAAAQMAAgQQ/9oACAEBAAEFAj3ey615ybIn/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAGhABAAIDAQAAAAAAAAAAAAAAAQIQABIhMf/aAAgBAQAGPwK46STuQX1K/8QAGBAAAwEBAAAAAAAAAAAAAAAAAAERIUH/2gAIAQEAAT8h4NlE6MFi5wafUaxH/9oADAMBAAIAAwAAABDAD//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8QP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8QP//EABkQAQEBAQEBAAAAAAAAAAAAAAERADEhkf/aAAgBAQABPxAQQe8piEPmnVCjM4UCXKTmXO4Xq7jf/9k=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"El panel de opciones de AI Image con las opciones de modelo y sus costos de creditos, ademas de las opciones de estilo artistico\",\n    \"title\": \"El panel de opciones de AI Image con las opciones de modelo y sus costos de creditos, ademas de las opciones de estilo artistico\",\n    \"src\": \"/docs/static/076b7317d03759fa846ae37b940711a4/4b190/ai-image-options.jpg\",\n    \"srcSet\": [\"/docs/static/076b7317d03759fa846ae37b940711a4/e07e9/ai-image-options.jpg 200w\", \"/docs/static/076b7317d03759fa846ae37b940711a4/066f9/ai-image-options.jpg 400w\", \"/docs/static/076b7317d03759fa846ae37b940711a4/4b190/ai-image-options.jpg 800w\", \"/docs/static/076b7317d03759fa846ae37b940711a4/e5166/ai-image-options.jpg 1200w\", \"/docs/static/076b7317d03759fa846ae37b940711a4/356e8/ai-image-options.jpg 1512w\"],\n    \"sizes\": \"(max-width: 800px) 100vw, 800px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n  \"), \"\\n    \")), mdx(\"p\", null, \"Los modelos van desde rapido y economico hasta alta calidad (por ejemplo Seedream 5 a 4 creditos hasta GPT Image 2 a 22), y los estilos artisticos definen el aspecto (Photorealistic, Studio Portrait, Neon Future y mas). El compositor muestra el costo de creditos en el boton \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Generar\"), \" antes de ejecutar, para que siempre sepas cuanto costara una imagen. Para la lista completa, consulta \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/es-es/features/image-generation\"\n  }, \"AI Image\"), \".\"), mdx(\"h2\", null, \"4. Genera y descarga\"), mdx(\"p\", null, \"Selecciona \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Generar\"), \". Las nuevas imagenes aparecen en la galeria debajo del compositor y en \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/es-es/features/brand-profile\"\n  }, \"My Library\"), \". Abre cualquier resultado para descargarlo o enviarlo a un flujo de trabajo.\"), mdx(\"h2\", null, \"Proximos pasos\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Empieza desde una receta predefinida en \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/es-es/guides/using-techniques-and-templates\"\n  }, \"Techniques y Templates\"), \".\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Aprende las herramientas de edicion en \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/es-es/features/image-generation\"\n  }, \"AI Image\"), \".\")));\n}\n;\nMDXContent.isMDXComponent = true;","rawBody":"---\ntitle: \"Crea Tu Primera Imagen\"\nmetaTitle: \"Crea Tu Primera Imagen | DesignerBox\"\nmetaDescription: \"Abre AI Image en DesignerBox, escribe un prompt o sube una foto, elige tus ajustes y genera tu primera imagen de AI.\"\norder: 1\n---\n\n# Crea Tu Primera Imagen\n\nLa forma mas rapida de empezar en DesignerBox es la herramienta **AI Image**. Esta guia te lleva desde un prompt en blanco hasta una imagen terminada.\n\n![La herramienta AI Image de DesignerBox con las pestanas Text to Image e Image to Image, un cuadro de prompt y un boton Generar](../images/docs/ai-image.jpg)\n\n## 1. Abre AI Image\n\nSelecciona **AI Image** desde la barra lateral. Veras dos pestanas:\n\n- **Text to Image** - crea una imagen a partir de una descripcion escrita.\n- **Image to Image** - sube una foto y transformala.\n\n## 2. Describe lo que quieres\n\nEscribe tu idea en el cuadro de prompt, por ejemplo \"un telefono sobre un fondo de estudio limpio, luz diurna suave\". Usa el campo **Negative** para listar cosas que evitar (borroso, manos distorsionadas, texto, marca de agua). El boton **Enhance** reescribe un prompt corto en uno mas detallado.\n\n## 3. Elige tus ajustes\n\nAbre el selector de modelo para elegir un **modelo**, un **estilo artistico**, una **relacion de aspecto** (como 9:16 o 16:9) y una **cantidad** (cuantas variaciones crear).\n\n![El panel de opciones de AI Image con las opciones de modelo y sus costos de creditos, ademas de las opciones de estilo artistico](../images/docs/ai-image-options.jpg)\n\nLos modelos van desde rapido y economico hasta alta calidad (por ejemplo Seedream 5 a 4 creditos hasta GPT Image 2 a 22), y los estilos artisticos definen el aspecto (Photorealistic, Studio Portrait, Neon Future y mas). El compositor muestra el costo de creditos en el boton **Generar** antes de ejecutar, para que siempre sepas cuanto costara una imagen. Para la lista completa, consulta [AI Image](/es-es/features/image-generation).\n\n## 4. Genera y descarga\n\nSelecciona **Generar**. Las nuevas imagenes aparecen en la galeria debajo del compositor y en [My Library](/es-es/features/brand-profile). Abre cualquier resultado para descargarlo o enviarlo a un flujo de trabajo.\n\n## Proximos pasos\n\n- Empieza desde una receta predefinida en [Techniques y Templates](/es-es/guides/using-techniques-and-templates).\n- Aprende las herramientas de edicion en [AI Image](/es-es/features/image-generation).\n","tableOfContents":{"items":[{"url":"#crea-tu-primera-imagen","title":"Crea Tu Primera Imagen","items":[{"url":"#1-abre-ai-image","title":"1. Abre AI Image"},{"url":"#2-describe-lo-que-quieres","title":"2. Describe lo que quieres"},{"url":"#3-elige-tus-ajustes","title":"3. Elige tus ajustes"},{"url":"#4-genera-y-descarga","title":"4. Genera y descarga"},{"url":"#proximos-pasos","title":"Proximos pasos"}]}]},"parent":{"__typename":"File","relativePath":"es-es/guides/create-your-first-image.md"},"frontmatter":{"metaTitle":"Crea Tu Primera Imagen | DesignerBox","metaDescription":"Abre AI Image en DesignerBox, escribe un prompt o sube una foto, elige tus ajustes y genera tu primera imagen de AI.","order":1}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/es-es/features","title":"Funcionalidades"}}},{"node":{"fields":{"slug":"/es-es/guides","title":"Guias"}}},{"node":{"fields":{"slug":"/es-es/knowledge-base","title":"Base de Conocimiento"}}},{"node":{"fields":{"slug":"/es-es/pricing-faqs","title":"Preguntas Frecuentes sobre Precios"}}},{"node":{"fields":{"slug":"/es-es/integrations","title":"Integraciones"}}},{"node":{"fields":{"slug":"/es-es/features/avatars-and-models","title":"AI Character"}}},{"node":{"fields":{"slug":"/es-es/features/brand-profile","title":"Brand Profile y Biblioteca"}}},{"node":{"fields":{"slug":"/es-es/features/community","title":"Community"}}},{"node":{"fields":{"slug":"/es-es/features/image-generation","title":"AI Image"}}},{"node":{"fields":{"slug":"/es-es/features/relighting-and-angles","title":"Relighting and Angles"}}},{"node":{"fields":{"slug":"/es-es/features/techniques-and-templates","title":"Techniques y Templates"}}},{"node":{"fields":{"slug":"/es-es/features/upscaling","title":"Upscaling"}}},{"node":{"fields":{"slug":"/es-es/features/workflows-and-canvas","title":"Workflows y el Lienzo"}}},{"node":{"fields":{"slug":"/es-es/guides/building-workflows-on-the-canvas","title":"Construir Flujos de Trabajo en el Lienzo"}}},{"node":{"fields":{"slug":"/es-es/guides/create-your-first-image","title":"Crea Tu Primera Imagen"}}},{"node":{"fields":{"slug":"/es-es/features/video","title":"AI Video"}}},{"node":{"fields":{"slug":"/es-es/features/virtual-try-on","title":"Virtual Try-On"}}},{"node":{"fields":{"slug":"/es-es/guides/teams-and-brand-profiles","title":"Equipos y Brand Profiles"}}},{"node":{"fields":{"slug":"/es-es/guides/creating-videos","title":"Crear Videos"}}},{"node":{"fields":{"slug":"/es-es/guides/using-techniques-and-templates","title":"Uso de Techniques y Templates"}}},{"node":{"fields":{"slug":"/es-es/integrations/api","title":"API"}}},{"node":{"fields":{"slug":"/es-es/integrations/white-label","title":"White-Label"}}},{"node":{"fields":{"slug":"/es-es/knowledge-base/how-to-update-card-details","title":"Como Actualizar los Datos de Pago"}}},{"node":{"fields":{"slug":"/es-es/knowledge-base/understanding-declined-card-payments","title":"Entender los Pagos con Tarjeta Rechazados"}}},{"node":{"fields":{"slug":"/es-es/knowledge-base/plans-credits-and-limits","title":"Planes, Creditos y Limites"}}},{"node":{"fields":{"slug":"/es-es/features/image-generation/editing-modes","title":"Modos de Edicion"}}},{"node":{"fields":{"slug":"/es-es","title":"Documentacion de DesignerBox"}}},{"node":{"fields":{"slug":"/es-es/features/workflows-and-canvas/node-types","title":"Tipos de Nodos"}}}]}},"pageContext":{"id":"dacf3ab1-5613-5fdf-abb6-2be29b2d8bf4","locale":"es-ES"}},"staticQueryHashes":["361965504","361965504","417421954","417421954","445494767","445494767"]}