> ## Documentation Index
> Fetch the complete documentation index at: https://docs.abbyy.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Instalar y ejecutar Advanced Designer

> Descargue, instale, inicie sesión, administre conexiones y actualice ABBYY Vantage Advanced Designer en Windows, incluida la ejecución de varias versiones en paralelo.

export const VantageRegion = ({children}) => {
  const STORAGE_KEY = "abbyy.vantage.region";
  const REGIONS = [{
    code: "eu",
    label: "Europe"
  }, {
    code: "us",
    label: "North America"
  }, {
    code: "au",
    label: "Australia / Asia-Pacific"
  }];
  const [region, setRegion] = useState("eu");
  const [open, setOpen] = useState(false);
  const containerRef = useRef(null);
  const dropdownRef = useRef(null);
  function safeGetSavedRegion() {
    try {
      const saved = typeof window !== "undefined" ? window.localStorage.getItem(STORAGE_KEY) : null;
      const valid = new Set(REGIONS.map(r => r.code));
      return saved && valid.has(saved) ? saved : "eu";
    } catch {
      return "eu";
    }
  }
  function safeSetSavedRegion(code) {
    try {
      if (typeof window !== "undefined") {
        window.localStorage.setItem(STORAGE_KEY, code);
      }
    } catch {}
  }
  function dispatchRegionChanged(code) {
    try {
      if (typeof window !== "undefined") {
        window.dispatchEvent(new CustomEvent("abbyy:region-changed", {
          detail: {
            code
          }
        }));
      }
    } catch {}
  }
  function replaceRegionInString(text, currentRegion) {
    if (typeof text !== "string") return text;
    const hostRegex = /https:\/\/vantage-(eu|us|au)\.abbyy\.com/gi;
    const tokenRegex = /https:\/\/vantage-\[region\]\.abbyy\.com/gi;
    const bareHostRegex = /vantage-(eu|us|au)\.abbyy\.com/gi;
    const bareTokenRegex = /vantage-\[region\]\.abbyy\.com/gi;
    return text.replace(hostRegex, `https://vantage-${currentRegion}.abbyy.com`).replace(tokenRegex, `https://vantage-${currentRegion}.abbyy.com`).replace(bareHostRegex, `vantage-${currentRegion}.abbyy.com`).replace(bareTokenRegex, `vantage-${currentRegion}.abbyy.com`);
  }
  useEffect(() => {
    setRegion(safeGetSavedRegion());
  }, []);
  useEffect(() => {
    const root = containerRef.current;
    if (!root) return;
    const anchors = root.querySelectorAll("a[href]");
    anchors.forEach(a => {
      const href = a.getAttribute("href");
      if (href) {
        const next = replaceRegionInString(href, region);
        if (next !== href) {
          a.setAttribute("href", next);
        }
      }
    });
    const walker = typeof document !== "undefined" ? document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null) : null;
    if (walker) {
      const toUpdate = [];
      let node = walker.nextNode();
      while (node) {
        const updated = replaceRegionInString(node.nodeValue, region);
        if (updated !== node.nodeValue) {
          toUpdate.push([node, updated]);
        }
        node = walker.nextNode();
      }
      toUpdate.forEach(([textNode, value]) => {
        textNode.nodeValue = value;
      });
    }
  }, [region, children]);
  useEffect(() => {
    const root = containerRef.current;
    if (!root) return;
    const anchors = root.querySelectorAll("a[href]");
    anchors.forEach(a => {
      a.style.fontWeight = "600";
      a.style.textDecoration = "underline";
      a.style.textUnderlineOffset = "2px";
    });
  }, [region, children]);
  useEffect(() => {
    const onRegionChanged = evt => {
      const code = evt && evt.detail && evt.detail.code;
      if (!code || code === region) return;
      setRegion(code);
    };
    if (typeof window !== "undefined") {
      window.addEventListener("abbyy:region-changed", onRegionChanged);
    }
    return () => {
      if (typeof window !== "undefined") {
        window.removeEventListener("abbyy:region-changed", onRegionChanged);
      }
    };
  }, [region]);
  useEffect(() => {
    const onClickAway = e => {
      if (!dropdownRef.current) return;
      if (!dropdownRef.current.contains(e.target)) {
        setOpen(false);
      }
    };
    document.addEventListener("click", onClickAway, true);
    return () => document.removeEventListener("click", onClickAway, true);
  }, []);
  const onSelect = code => {
    setRegion(code);
    safeSetSavedRegion(code);
    dispatchRegionChanged(code);
    setOpen(false);
  };
  const current = REGIONS.find(r => r.code === region) || REGIONS[0];
  return <div className="not-prose">
      <div className="mb-4 inline-flex items-center gap-2" ref={dropdownRef}>
        <span className="text-sm text-zinc-950/80 dark:text-white/80">Tenant Region:</span>
        <div className="relative">
          <button type="button" aria-haspopup="listbox" aria-expanded={open ? "true" : "false"} onClick={() => setOpen(v => !v)} className="h-8 px-3 rounded-md bg-zinc-900/5 dark:bg-white/5 border border-zinc-950/20 dark:border-white/20 text-sm inline-flex items-center gap-2">
            <span className="text-zinc-950 dark:text-white">{current.label}</span>
            <svg width="8" height="24" viewBox="0 -9 3 24" className="transition-transform text-gray-400 overflow-visible dark:text-gray-600 ml-auto" style={{
    transform: open ? "rotate(270deg)" : "rotate(90deg)"
  }}>
              <path d="M0 0L3 3L0 6" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"></path>
            </svg>
          </button>
          {open ? <div role="listbox" className="absolute z-50 left-full top-0 ml-2 w-56 rounded-xl border border-zinc-950/20 dark:border-white/20 bg-white dark:bg-zinc-900 shadow-lg p-2">
              {REGIONS.map(r => {
    const selected = r.code === region;
    return <button key={r.code} type="button" role="option" aria-selected={selected ? "true" : "false"} onClick={() => onSelect(r.code)} className={"w-full flex items-center justify-between px-3 py-2 rounded-lg text-sm hover:bg-zinc-950/5 dark:hover:bg-white/10 text-zinc-950 dark:text-white" + (selected ? " font-medium" : "")}>
                    <span style={selected ? {
      color: "#ff2038"
    } : undefined}>{r.label}</span>
                    <span className={selected ? "ml-3" : "ml-3 invisible"} style={selected ? {
      color: "#ff2038"
    } : undefined}>✓</span>
                  </button>;
  })}
            </div> : null}
        </div>
      </div>
      <div ref={containerRef} className="prose dark:prose-invert max-w-none">{children}</div>
    </div>;
};

Instale Advanced Designer en un equipo con Windows y, después, conéctelo a su tenant de ABBYY Vantage. Cualquier usuario puede instalar Advanced Designer; algunas [opciones adicionales de instalación](/es/vantage/documentation/advanced-designer/additional-install) requieren permisos administrativos. Para consultar los requisitos de hardware y del sistema operativo, consulte [Requisitos del sistema](/es/vantage/documentation/advanced-designer/system-reqs).

<div id="install-advanced-designer">
  ## Instalar Advanced Designer
</div>

<Steps>
  <Step title="Descargar el instalador">
    <VantageRegion>
      Descargue la versión más reciente de Advanced Designer desde [la página de descarga de Vantage](https://vantage-us.abbyy.com/ad/latest), donde también se indican la versión, el número de compilación y la fecha de lanzamiento.
    </VantageRegion>
  </Step>

  <Step title="Ejecutar el instalador">
    Abra el archivo descargado y siga las instrucciones para completar la instalación.
  </Step>

  <Step title="Iniciar sesión">
    Abra Advanced Designer e inicie sesión con el mismo nombre de usuario y contraseña que usa para ABBYY Vantage.
  </Step>
</Steps>

<div id="manage-connections">
  ## Gestionar conexiones
</div>

| Tarea                                       | Cómo                                                                                                                                                                                   |
| :------------------------------------------ | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Conectarse a una nueva instancia de Vantage | Elija **Nueva conexión** en el menú **Mostrar perfil de usuario** y, a continuación, introduzca la URL, el nombre de usuario y la contraseña en el cuadro de diálogo de autenticación. |
| Cambiar entre conexiones activas            | Seleccione la URL en el menú **Mostrar perfil de usuario**.                                                                                                                            |
| Cerrar conexiones activas                   | Elija **Cerrar sesión**.                                                                                                                                                               |

<Note>
  Si intenta conectarse a una instancia de Vantage con una versión incompatible de Advanced Designer, Advanced Designer muestra un enlace para instalar una versión compatible.
</Note>

<div id="language-settings">
  ## Configuración de idioma
</div>

Para cambiar el idioma de la interfaz, elija **Idioma de la interfaz** en el menú **Mostrar perfil de usuario**. Reinicie Advanced Designer para que el cambio surta efecto.

**Idiomas compatibles:** inglés, alemán, francés, español, japonés, coreano, chino (simplificado).

<div id="update-advanced-designer">
  ## Actualizar Advanced Designer
</div>

Advanced Designer busca actualizaciones cada vez que se inicia. Si hay una versión más reciente disponible, verá una notificación con un enlace a la página de descarga. Después de actualizar la aplicación, [actualice los skills existentes a una versión más reciente de Technology Core](/es/vantage/documentation/advanced-designer/upgrading-to-new-version) para acceder a las funciones incorporadas en versiones posteriores.

<Warning>
  De forma predeterminada, solo se puede instalar una versión de Advanced Designer en un equipo. Al instalar una versión más reciente, se desinstala la versión existente, incluso si elige un directorio de instalación distinto.
</Warning>

<div id="run-two-versions-side-by-side">
  ### Ejecutar dos versiones en paralelo
</div>

Para mantener una versión anterior (por ejemplo, 2.7) instalada junto con una versión más reciente (por ejemplo, 3.0):

<Steps>
  <Step title="Cambie el nombre de la carpeta de instalación existente">
    Antes de instalar la nueva versión, vaya a la carpeta de instalación actual — de forma predeterminada, `C:\Users\<UserName>\AppData\Local\Programs\ABBYY\Vantage\AdvancedDesigner` — y cambie el nombre de `AdvancedDesigner` para que incluya la versión (por ejemplo, `AdvancedDesigner_2_7`).
  </Step>

  <Step title="Instale la nueva versión">
    Ejecute el nuevo instalador. Como se cambió el nombre de la carpeta original, el instalador crea una nueva carpeta `AdvancedDesigner` en lugar de sobrescribir la instalación anterior.
  </Step>

  <Step title="Cree un acceso directo para la versión anterior">
    Cree un acceso directo de Windows que apunte al archivo ejecutable dentro de la carpeta renombrada (de la versión anterior) para poder iniciar cualquiera de las dos versiones cuando lo necesite.
  </Step>
</Steps>

<div id="related-topics">
  ## Temas relacionados
</div>

* [Requisitos del sistema de Advanced Designer](/es/vantage/documentation/advanced-designer/system-reqs)
* [Opciones de instalación de Advanced Designer](/es/vantage/documentation/advanced-designer/additional-install)
* [Actualizar el Technology Core de la Habilidad de Advanced Designer](/es/vantage/documentation/advanced-designer/upgrading-to-new-version)
* [Primeros pasos con Advanced Designer](/es/vantage/documentation/advanced-designer/getting-started)