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>)