Em 2025, a startup americana 1X apresentou ao mundo o NEO, um robô doméstico com promessas ambiciosas: realizar tarefas de casa com autonomia e precisão. O vídeo era bem produzido, a narrativa convincente. Posteriormente, descobriu-se que parte significativa da demonstração dependia de controle humano remoto.

A tecnologia não era falsa. Mas a maturidade era performática.

Era um anúncio de futuro — não uma evidência de infraestrutura pronta.

Esta semana, a China exibiu algo diferente: robôs humanoides realizando uma apresentação coreografada de Kung Fu ao lado de artistas humanos, em rede nacional, durante o Festival da Primavera.

Não era um vídeo promocional. É uma demonstração pública de capacidade técnica.

A diferença entre os dois episódios não está na estética. Está no estágio de maturidade do sistema.

Da Percepção ao Redirecionamento Estratégico

Durante décadas, produtos chineses foram associados a baixa qualidade e imitação. Essa narrativa foi culturalmente internalizada no Ocidente. Contudo, os últimos quinze anos revelam um movimento distinto: quando uma tecnologia se torna estratégica para o Estado — como veículos elétricos, semicondutores ou baterias — o país organiza capital, cadeia produtiva, pesquisa e execução industrial em torno de um objetivo comum.

A robótica humanoide parece estar entrando nesse mesmo ciclo. O que parece espetáculo pode ser, na realidade, ensaio de escala.

Historicamente, mercados cometem um erro recorrente: subestimar estágios iniciais porque ainda não se encaixam na estética dominante de inovação. Mas aceleração raramente começa polida.

O Fim do Fluxo Linear

Durante o nosso carnaval no Brasil, o Figma anunciou uma funcionalidade que permite transformar código de produção — inclusive gerado por Claude Code — em artefatos editáveis no canvas.

Em termos práticos, isso altera um paradigma de mais de vinte anos.

O fluxo tradicional sempre foi:
Design → Desenvolvimento → Produção.

Com a popularização de IA generativa, passamos a observar:
Prompt → Código → Interface.

O movimento atual adiciona uma camada mais estrutural:
Código → Canvas → Colaboração → Código novamente.

Essa circularidade não é trivial.

Ela reduz o tempo entre concepção, validação e implementação.
Ela aproxima design de produção real.
Ela exige novas competências organizacionais.

Mais do que uma feature, trata-se de uma reorganização do fluxo de trabalho.

From Claude Code to Figma: Turning Production Code into Editable Figma Designs | Figma Blog

O Problema da “Dança da Manivela”

No Brasil, a expressão “dança da manivela” remete à ideia de girar algo manualmente, repetidamente, em ritmo quase mecânico, muito propagado durante o carnaval.

Aplicada ao design contemporâneo, ela simboliza um risco.

Equipes que continuam operando exclusivamente em ciclos manuais — tela a tela, ajuste a ajuste — ignoram que o mercado já está estruturando loops automatizados de iteração.

A questão não é substituir o designer.
A questão é substituir o modelo operacional.

Quando líderes repetem o mantra de que “a IA não vai substituir você”, ignoram uma nuance importante: ela pode não substituir o profissional, mas pode substituir grande parte da execução que definia seu valor competitivo.

E isso altera profundamente a estrutura de times, cargos e expectativas.

Liderança, Infraestrutura e Competitividade

A história recente mostra que mercados não são dominados apenas por quem apresenta melhor narrativa, mas por quem constrói melhor infraestrutura.

Robôs controlados remotamente são teatro.
Robôs que executam em escala são sistema.

Da mesma forma, protótipos gerados por IA são interessantes.

Mas pipelines integrados que conectam código, design e automação em ciclos contínuos são infraestrutura.

A diferença entre um e outro determina quem ganha relevância quando o ciclo de mercado se acelera.

2026 Começou

No Brasil, costuma-se dizer que o ano só começa após o Carnaval. Se isso for verdade, 2026 começa agora.

E a pergunta estratégica não é se a IA substituirá designers.

A pergunta é:

As lideranças de design estão reorganizando seus fluxos para operar em loops automatizados ou continuam girando a manivela?

Porque em 2026, quem insistir na dança da manivela do design não será substituído por robôs — será superado por equipes que entenderam o loop antes.

E mercados, assim como crises, têm o hábito de revelar rapidamente quem construiu teatro — e quem construiu infraestrutura.

Precisa de uma mão com o seu time de design?

Trabalho com apenas 2–3 clientes por ano, ajudando a evoluir Design Systems no Figma, Estratégia de Produto, Comunidade e Marketing.
Se isso soa como o que você precisa, é só responder este e-mail e me contar um pouco sobre o seu projeto. Vamos conversar.

Recebeu este e-mail de um amigo?

Que sorte. Assine aqui e você vai receber essas faíscas de design a cada duas sextas-feiras.

Quer mais conteúdo entre uma edição e outra?

Compartilho ideias, desabafos e experimentos no LinkedIn e no Xwitter (sim, ainda chamo assim). Passa lá para dizer oi.

A Nova Arquitetura da Inovação was originally published in Bootcamp Sprint Design on Medium, where people are continuing the conversation by highlighting and responding to this story.

Nas últimas semanas, tenho pensado muito sobre como o cinema brasileiro escolhe as histórias que decide contar. Eu amo nosso cinema, mas a ausência quase total de pessoas asiáticas nas narrativas ainda grita. Quando aparece, é caricatura. Quando não aparece, é silêncio.

A ditadura militar virou tema de dezenas de filmes, sempre retratando pessoas brancas com medo de perder liberdade e bens. Mas quase ninguém lembra que, três dias após o golpe, nove chineses foram presos sem provas, acusados de promover “revolução comunista”, condenados a 10 anos e expulsos do país. Foi um dos primeiros grandes casos de violação de direitos humanos do regime, e até hoje não houve reparação plena.

Nove vidas. Nove histórias apagadas.

Cadê esse filme?

Falo isso também porque, em menos de um mês, já perdi a conta das microagressões que levei na rua. Hoje mesmo fui empurrado de um ônibus por alguém que me chamou de “chinês” como ofensa. A lógica é a mesma: reduzir, desumanizar, encaixar em estereótipos.

O Brasil é feito de muitas vozes. Muitas cores. Muitos rostos.

Mas a câmera insiste em focar sempre nos mesmos.

Então deixo um convite para artistas, roteiristas, diretores, produtores:

Quando vamos contar histórias de pessoas asiáticas no Brasil com profundidade, dignidade e verdade?

Quando vamos iluminar o que ficou fora do enquadramento?

Eu gostaria muito de ver esse filme.

E se ninguém fizer… talvez seja hora de alguém levantar a câmera.

https://juno.blog.br/filme-o-caso-dos-nove-chineses/

Filme: o caso dos nove chineses was originally published in JUNO BLOG on Medium, where people are continuing the conversation by highlighting and responding to this story.

Project Overview

The goal of this project was to transform the Patagonia article “Living On Easy” from a basic blog format into an immersive, magazine-style layout. Patagonia’s printed magazines carry rich, visual stories that deserve a similar treatment on the web, where storytelling meets design craft.

Challenges & Approach

The challenge was to replicate the feeling of the physical magazine while maintaining web usability. By focusing on design details, like larger hero sections and two-column text blocks, I sought to slow down the reader’s pace and encourage them to appreciate both content and layout, mimicking the leisurely feel of flipping through a printed magazine.

Key Design Decisions

• Typography: Using Palatino (fallback for Copernicus) for most of the headlines and body text and Avenir New for support text like captions, sourced directly from Patagonia’s brand fonts. Body text is set to 20px with a 32px line height and paragraph spacing of 24px, ensuring clarity.
• Hero Section & First Paragraph: Designed to occupy 85% of the viewport height, drawing readers in visually while also signaling the start of the story with a larger first paragraph (32px) block.
• Two-Column Layout: I used a 12-column grid with generous margins (160px for the first paragraph, 128px between two-column blocks), creating breathing space to echo the experience of a well-spaced magazine layout.
• Photo Sections Placement: Photos alternate between left and right alignment with mirrored grids for consistency, ensuring the content flows in harmony with the visuals.
• Magazine-Style Elements: Included special sections like Quote, Full-Width Photo, and First Paragraph blocks, each crafted to create design pauses in the story.

Typography

For the redesigned Patagonia article, I carefully selected font families that reflect the magazine’s elegant, natural feel while ensuring readability across devices.

• Heading 1: Palatino Regular with a large 149px font size (186px line height) for a striking and bold introduction.
• Heading 2: Avenir Next Regular, set at 28px to provide a clean and modern look for subheadings.
• Heading 6: Avenir Next Medium with a 32px font size and 24px line height, offering a solid hierarchy within the body content.
• Quote: Palatino Regular, sized at 64px for emphasis, with a generous 72px line height, making key phrases stand out in the layout.
• Paragraph Large: Palatino Regular at 32px/40px for introductory paragraphs to echo the printed magazine’s classic aesthetic.
• Paragraph Medium: Palatino Regular at 20px/32px for the body copy, enhancing readability with a perfect line height.
• Paragraph Small: Avenir Next Medium at 16px/24px for footnotes or secondary information, keeping the content clean and legible.
• Caption: Avenir Next Regular at 14px/21px for image captions, ensuring subtlety while maintaining clarity.

This typography selection harmonizes traditional and modern elements to create a balance between readability and visual sophistication.

Note: I only created the necessary sizes for this challenge.

Pros and Cons of Two-Column Layout

Pros

1. Enhanced readability for long-form content.
2. Mimics traditional print, bringing a magazine-like experience to the web.
3. Creates design harmony, making it easier to integrate images and other media.

Cons

1. Can cause readability issues on smaller screens.
2. It may be harder to navigate with continuous scrolling, breaking user reading flow.
3. Requires precise control over spacing and margins to avoid content crowding.

Responsive Grid System

The design utilizes a flexible 12-column grid with 48px margins on the left and right, and a 24px gutter between columns. This grid is responsive, stretching fluidly to accommodate screen sizes from 1440px wide up to a maximum width of 1600px, ensuring a balanced and cohesive layout across various desktop displays.

Custom Sections for a Visual Impact

Hero: A full-width, attention-grabbing section that sets the tone for the article with bold imagery and engaging content.

First Paragraph: A larger, more prominent introductory paragraph styled to create a magazine-like feel and draw readers into the story.

Two-Column Paragraphs: A magazine-inspired layout for body text that splits paragraphs into two columns, encouraging a slower reading pace and a more thoughtful engagement with the content.

Photo Left & Right: A visually aligned section with images placed on the left or right, creating a dynamic flow between text and visuals.

Photo Full: A striking full-width image section that breaks the text-heavy layout, offering a moment of visual pause.

Quote: A stylized, blockquote section that highlights key phrases, adding emphasis and a sense of rhythm to the article.

What Stayed the Same

I preserved the header, footer, related stories, sharing bar, and Patagonia Values sections to maintain brand consistency and allow easy user navigation. The primary focus of this redesign challenge was not to overhaul these areas but to elevate the storytelling experience within the article itself.

Next Steps

• Design a mobile-friendly version with adaptive visuals.
• Incorporate audio and video elements for a more interactive experience, such as a floating voiceover player that changes based on the section being read.
• Implement email subscription options to increase user retention and grow the online magazine’s audience.
• Add event tracking on the sharing bar to analyze user interactions and optimize engagement strategies.
• Subtly incorporate product placement throughout the story in a way that feels natural and non-intrusive to the reader.
• Implement Figma Variables for Typography sizes to help in managing responsiveness automatically. This will allow for more efficient and consistent management of typography across different screen sizes and devices.

Conclusion

The redesign of Patagonia’s “Living on Easy” article was a rewarding challenge, blending the timeless elegance of a printed magazine with the flexibility and dynamics of the web. By focusing on key elements like typography, layout, and custom sections, the design encourages users to slow down, appreciate the storytelling, and immerse themselves in the visual experience. The result is a modern, visually engaging article that preserves the spirit of Patagonia’s brand while enhancing its digital presence.

The original article can be found on Patagonia’s website, and my final design, with all sections combined, is available in the Figma prototype link here or below.

Timeline

• Research and Inspiration: 1 hour
• Grid and Layout Design: 1.5 hours
• Typography and Custom Sections: 1 hour
• Fine-tuning Spacing and Visual Elements: 30 minutes
• Total Time: 4 hours

This project not only refined my design skills but also deepened my understanding of balancing aesthetic design with web functionality. Future improvements will focus on creating a mobile-friendly version, enhancing the multimedia experience, and integrating user engagement features.

Please make a note of this information: This case study was originally posted on Juno's portfolio.

Patagonia Redesign: “Living on Easy” was originally published in Bootcamp Sprint Design on Medium, where people are continuing the conversation by highlighting and responding to this story.