![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g d="M 0 24 L 0 0 L 24 0 L 24 24 Z M 12 24 C 18.627 24 24 18.627 24 12 C 24 5.373 18.627 0 12 0 C 5.373 0 0 5.373 0 12 C 0 18.627 5.373 24 12 24 Z M 11.481 12 L 24.002 12 C 24.002 10.917 23.858 9.868 23.589 8.87 L 11.481 8.87 Z M 11.481 5.739 L 22.241 5.739 C 21.506 4.541 20.567 3.481 19.472 2.609 L 11.481 2.609 Z M 12.001 24 C 14.825 24 17.421 23.024 19.471 21.392 L 4.531 21.392 C 6.581 23.024 9.177 24 12.001 24 Z M 1.762 18.261 L 22.239 18.261 C 22.829 17.299 23.286 16.247 23.587 15.13 L 0.414 15.13 C 0.715 16.247 1.172 17.299 1.762 18.261 Z M 5.559 1.874 L 6.652 1.874 L 5.635 2.613 L 6.024 3.809 L 5.006 3.07 L 3.989 3.809 L 4.325 2.776 C 3.429 3.522 2.644 4.396 1.997 5.37 L 2.348 5.37 L 1.7 5.84 C 1.599 6.008 1.503 6.179 1.41 6.353 L 1.719 7.304 L 1.142 6.885 C 0.999 7.189 0.868 7.5 0.75 7.817 L 1.091 8.865 L 2.348 8.865 L 1.331 9.604 L 1.719 10.8 L 0.702 10.061 L 0.093 10.504 C 0.032 10.994 0 11.493 0 12 L 12 12 C 12 5.373 12 4.591 12 0 C 9.629 0 7.42 0.688 5.559 1.874 Z M 6.024 10.8 L 5.006 10.061 L 3.989 10.8 L 4.378 9.604 L 3.361 8.865 L 4.618 8.865 L 5.006 7.67 L 5.395 8.865 L 6.652 8.865 L 5.635 9.604 Z M 5.635 6.109 L 6.024 7.304 L 5.006 6.565 L 3.989 7.304 L 4.378 6.109 L 3.361 5.37 L 4.618 5.37 L 5.006 4.174 L 5.395 5.37 L 6.652 5.37 Z M 10.328 10.8 L 9.311 10.061 L 8.294 10.8 L 8.682 9.604 L 7.665 8.865 L 8.922 8.865 L 9.311 7.67 L 9.699 8.865 L 10.956 8.865 L 9.939 9.604 Z M 9.939 6.109 L 10.328 7.304 L 9.311 6.565 L 8.294 7.304 L 8.682 6.109 L 7.665 5.37 L 8.922 5.37 L 9.311 4.174 L 9.699 5.37 L 10.956 5.37 Z M 9.939 2.613 L 10.328 3.809 L 9.311 3.07 L 8.294 3.809 L 8.682 2.613 L 7.665 1.874 L 8.922 1.874 L 9.311 0.678 L 9.699 1.874 L 10.956 1.874 Z" fill="transparent" height="24.00020047302246px" id="OD6Pu7fXK" width="24.00220022125244px"><path d="M 0 24 L 0 0 L 24 0 L 24 24 Z" fill="transparent" height="24px" id="YI9xgD01f" width="24px"/><path d="M 12 24 C 18.627 24 24 18.627 24 12 C 24 5.373 18.627 0 12 0 C 5.373 0 0 5.373 0 12 C 0 18.627 5.373 24 12 24 Z" fill="rgb(240, 240, 240)" height="23.99997793px" id="Ei_lvEOEa" transform="translate(0 0)" width="24px"/><path d="M 0 3.13 L 12.522 3.13 C 12.522 2.047 12.377 0.998 12.108 0 L 0 0 Z" fill="rgb(216, 0, 39)" height="3.1304499999999997px" id="ggelA6ilV" transform="translate(11.48 8.87)" width="12.5217px"/><path d="M 0 3.13 L 10.76 3.13 C 10.026 1.932 9.087 0.872 7.992 0 L 0 0 Z" fill="rgb(216, 0, 39)" height="3.13045px" id="HaDW_JbRp" transform="translate(11.48 2.609)" width="10.7604px"/><path d="M 7.47 2.609 C 10.294 2.609 12.89 1.633 14.94 0 L 0 0 C 2.05 1.633 4.646 2.609 7.47 2.609 Z" fill="rgb(216, 0, 39)" height="2.608699999999999px" id="QTOR19x9e" transform="translate(4.531 21.392)" width="14.93965px"/><path d="M 1.348 3.13 L 21.825 3.13 C 22.415 2.168 22.872 1.116 23.173 0 L 0 0 C 0.301 1.116 0.758 2.168 1.348 3.13 Z" fill="rgb(216, 0, 39)" height="3.1304px" id="GxAb8WAKs" transform="translate(0.414 15.13)" width="23.173237999999998px"/><path d="M 5.559 1.874 L 6.652 1.874 L 5.635 2.613 L 6.024 3.809 L 5.006 3.07 L 3.989 3.809 L 4.325 2.776 C 3.429 3.522 2.644 4.396 1.997 5.37 L 2.348 5.37 L 1.7 5.84 C 1.599 6.008 1.503 6.179 1.41 6.353 L 1.719 7.304 L 1.142 6.885 C 0.999 7.189 0.868 7.5 0.75 7.817 L 1.091 8.865 L 2.348 8.865 L 1.331 9.604 L 1.719 10.8 L 0.702 10.061 L 0.093 10.504 C 0.032 10.994 0 11.493 0 12 L 12 12 C 12 5.373 12 4.591 12 0 C 9.629 0 7.42 0.688 5.559 1.874 Z M 6.024 10.8 L 5.006 10.061 L 3.989 10.8 L 4.378 9.604 L 3.361 8.865 L 4.618 8.865 L 5.006 7.67 L 5.395 8.865 L 6.652 8.865 L 5.635 9.604 Z M 5.635 6.109 L 6.024 7.304 L 5.006 6.565 L 3.989 7.304 L 4.378 6.109 L 3.361 5.37 L 4.618 5.37 L 5.006 4.174 L 5.395 5.37 L 6.652 5.37 Z M 10.328 10.8 L 9.311 10.061 L 8.294 10.8 L 8.682 9.604 L 7.665 8.865 L 8.922 8.865 L 9.311 7.67 L 9.699 8.865 L 10.956 8.865 L 9.939 9.604 Z M 9.939 6.109 L 10.328 7.304 L 9.311 6.565 L 8.294 7.304 L 8.682 6.109 L 7.665 5.37 L 8.922 5.37 L 9.311 4.174 L 9.699 5.37 L 10.956 5.37 Z M 9.939 2.613 L 10.328 3.809 L 9.311 3.07 L 8.294 3.809 L 8.682 2.613 L 7.665 1.874 L 8.922 1.874 L 9.311 0.678 L 9.699 1.874 L 10.956 1.874 Z" fill="rgb(0, 82, 180)" height="11.99997793px" id="tNtmJCJkz" transform="translate(0 0)" width="12px"/></g><path d="M 0 11.5 C 0 5.149 5.149 0 11.5 0 C 17.851 0 23 5.149 23 11.5 C 23 17.851 17.851 23 11.5 23 C 5.149 23 0 17.851 0 11.5 Z" fill="transparent" height="23px" id="XdIodNYV9" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(250, 250, 250)" transform="translate(0.5 0.5)" width="23px"/></svg>)
Tutorial de Google Stitch: diseña interfaces con AI y exportalas a Claude Code
Aprendé a usar Google Stitch para generar interfaces limpias de mobile y web a partir de una descripción, y a exportarlas por MCP directo a tu entorno de código.
Por qué conviene separar el momento del diseño del momento del código
Cómo describir tu app y elegir entre formato mobile o web
Cómo sumar referencias visuales para guiar el estilo
Cómo exportar el diseño por MCP hacia Claude Code
Todos los formatos de exportación y cuándo usar cada uno
Descargá el ebook gratis
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 336 40" xmlns="http://www.w3.org/2000/svg"><path d="M 20.036 0 C 30.522 0 38.557 7.461 39.88 17.181 L 28.148 17.181 C 27.04 13.733 23.925 11.404 20.036 11.404 C 15.097 11.404 11.433 15.076 11.433 20.028 C 11.433 24.979 15.097 28.651 20.036 28.651 C 23.947 28.651 27.074 26.297 28.165 22.817 L 39.886 22.817 C 38.582 32.516 30.538 40 20.036 40 C 8.492 40 0 31.043 0 20.028 C 0 8.957 8.492 0 20.036 0 Z M 61.204 0 C 72.693 0 81.24 8.957 81.24 20.028 C 81.24 31.043 72.693 40 61.204 40 C 49.659 40 41.167 31.043 41.167 20.028 C 41.167 8.957 49.659 0 61.204 0 Z M 61.204 28.651 C 66.088 28.651 69.751 24.979 69.751 20.028 C 69.751 15.076 66.088 11.405 61.204 11.405 C 56.264 11.405 52.601 15.076 52.601 20.028 C 52.601 24.979 56.264 28.651 61.204 28.651 Z M 98.783 0.723 C 110.327 0.723 118.486 8.957 118.486 20.028 C 118.486 30.876 110.161 39.277 98.616 39.277 L 82.521 39.277 L 82.521 0.723 Z M 98.616 28.261 C 103.723 28.261 107.053 24.979 107.053 20.028 C 107.053 15.076 103.723 11.794 98.616 11.794 L 93.899 11.794 L 93.899 28.261 Z M 145.336 11.905 L 130.905 11.905 L 130.905 15.577 L 145.336 15.577 L 145.336 24.534 L 130.905 24.534 L 130.905 27.983 L 145.336 27.983 L 145.336 39.277 L 119.527 39.277 L 119.527 0.723 L 145.336 0.723 Z M 169.615 23.977 L 177.271 39.277 L 163.118 39.277 L 160.05 25.035 L 158.234 25.035 L 158.234 39.277 L 146.856 39.277 L 146.856 0.723 L 162.619 0.723 C 169.834 0.723 175.717 5.786 175.717 13.185 C 175.717 17.858 172.723 22.086 169.615 23.977 Z M 161.453 17.024 C 163.229 17.024 164.339 16.022 164.339 14.298 C 164.339 12.629 163.229 11.516 161.453 11.516 L 158.234 11.516 L 158.234 17.024 Z M 199.477 0.723 L 210.855 0.723 L 210.855 39.277 L 199.477 39.277 L 199.477 24.701 L 189.93 24.701 L 189.93 39.277 L 178.552 39.277 L 178.552 0.723 L 189.93 0.723 L 189.93 14.576 L 199.477 14.576 Z M 240 38.49 C 237.622 39.463 234.985 40 232.172 40 C 229.345 40 226.701 39.463 224.32 38.49 Z M 246.166 34.472 C 245.571 35.046 244.938 35.583 244.271 36.079 L 220.048 36.079 C 219.382 35.583 218.75 35.046 218.155 34.472 Z M 249.358 30.454 C 249.026 31.008 248.668 31.544 248.284 32.061 L 216.043 32.061 C 215.66 31.544 215.302 31.008 214.971 30.454 Z M 226.269 26.436 C 227.011 27.119 227.883 27.664 228.854 28.043 L 213.747 28.043 C 213.525 27.519 213.322 26.983 213.144 26.436 Z M 251.194 26.436 C 251.015 26.983 250.811 27.519 250.588 28.043 L 235.458 28.043 C 236.422 27.664 237.288 27.119 238.027 26.436 Z M 223.872 22.418 C 224.02 22.983 224.221 23.52 224.47 24.025 L 212.519 24.025 C 212.416 23.497 212.333 22.961 212.271 22.418 Z M 252.071 22.418 C 252.009 22.961 251.926 23.497 251.823 24.025 L 239.819 24.025 C 240.067 23.52 240.268 22.983 240.416 22.418 Z M 232.172 0 C 243.653 0 252.197 8.946 252.208 20.008 L 240.718 20.008 C 240.709 15.066 237.049 11.404 232.172 11.404 C 227.239 11.404 223.579 15.066 223.569 20.008 L 212.135 20.008 C 212.146 8.946 220.634 0 232.172 0 Z M 269.64 0.362 L 281.184 0.362 L 281.184 26.064 C 281.184 33.574 276.133 39.638 267.308 39.638 C 258.539 39.638 253.489 33.574 253.489 26.064 L 253.489 0.362 L 265.033 0.362 L 265.033 25.229 C 265.033 26.676 265.699 27.955 267.308 27.955 C 268.974 27.955 269.64 26.676 269.64 25.229 Z M 302.594 16.94 C 305.925 18.609 309.199 21.836 309.199 26.843 C 309.199 34.353 303.76 39.973 295.601 39.973 C 287.498 39.973 282.225 34.131 282.225 26.843 L 282.225 25.563 L 292.438 25.563 L 292.438 26.286 C 292.438 28.234 293.437 29.847 295.379 29.847 C 296.933 29.847 297.932 28.901 297.932 27.51 C 297.932 26.453 297.377 25.73 296.434 25.229 L 289.052 21.502 C 285.666 19.833 282.669 15.939 282.669 11.321 C 282.669 4.979 287.775 0.028 295.712 0.028 C 303.76 0.028 308.533 5.146 308.533 11.099 L 308.533 12.601 L 299.042 12.601 L 299.042 12.156 C 299.042 10.654 297.932 9.152 296.045 9.152 C 294.491 9.152 293.659 10.042 293.659 11.21 C 293.659 12.489 294.547 12.935 295.324 13.268 Z M 321.618 11.905 L 336.049 11.905 L 336.049 0.723 L 310.24 0.723 L 310.24 39.277 L 336.049 39.277 L 336.049 27.983 L 321.618 27.983 L 321.618 24.534 L 336.049 24.534 L 336.049 15.577 L 321.618 15.577 Z" fill="rgb(23, 23, 23)" height="40.000002667931795px" id="sLX_26zbq" transform="translate(-0.407 0.059)" width="336.0489385567188px"/></svg>)