feat(ai-assistant-figma): добавил 6 скриншотов плагина (WebP) в секцию Решение

2026-09-24 22:06:13 +02:00
1 parent 69c9223401
commit 0baf415e13
@@ -419,8 +419,75 @@

        <h2 id="solution">Решение</h2>
        <p class="section__prose">
-          <!-- Что было сделано -->
+          Плагин добавляет в Figma панель AI-ассистента: от списка готовых сценариев до
+          редактора скриптов с логом выполнения. Ниже — ключевые экраны работы.
        </p>
+        <figure class="case-media case-media--wide">
+          <img
+            src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
+            alt="Список скриптов AI-ассистента"
+            data-src="../../assets/ai-assistant-figma/Scripts%20List.webp"
+            loading="lazy"
+            decoding="async"
+            data-image-viewer
+          />
+          <figcaption>Список доступных скриптов ассистента.</figcaption>
+        </figure>
+        <figure class="case-media case-media--wide">
+          <img
+            src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
+            alt="Редактор скриптов AI-ассистента"
+            data-src="../../assets/ai-assistant-figma/Script%20Edit.webp"
+            loading="lazy"
+            decoding="async"
+            data-image-viewer
+          />
+          <figcaption>Редактор скрипта с подсветкой и AI-подсказками.</figcaption>
+        </figure>
+        <figure class="case-media case-media--wide">
+          <img
+            src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
+            alt="Лог выполнения скрипта AI-ассистента"
+            data-src="../../assets/ai-assistant-figma/Script%20Edit%20Log%20View.webp"
+            loading="lazy"
+            decoding="async"
+            data-image-viewer
+          />
+          <figcaption>Представление лога выполнения скрипта.</figcaption>
+        </figure>
+        <figure class="case-media case-media--wide">
+          <img
+            src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
+            alt="Индикатор работы скрипта AI-ассистента"
+            data-src="../../assets/ai-assistant-figma/Script%20is%20Working.webp"
+            loading="lazy"
+            decoding="async"
+            data-image-viewer
+          />
+          <figcaption>Индикатор активного выполнения скрипта.</figcaption>
+        </figure>
+        <figure class="case-media case-media--wide">
+          <img
+            src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
+            alt="Live Mode AI-ассистента"
+            data-src="../../assets/ai-assistant-figma/Live%20Mode.webp"
+            loading="lazy"
+            decoding="async"
+            data-image-viewer
+          />
+          <figcaption>Live Mode — интерактивный режим ассистента.</figcaption>
+        </figure>
+        <figure class="case-media case-media--wide">
+          <img
+            src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
+            alt="Меню More AI-ассистента"
+            data-src="../../assets/ai-assistant-figma/Menu%20More.webp"
+            loading="lazy"
+            decoding="async"
+            data-image-viewer
+          />
+          <figcaption>Дополнительное меню (More) с расширенными действиями.</figcaption>
+        </figure>

        <h2 id="result">Результат</h2>
        <p class="section__prose">
@@ -106,8 +106,75 @@

        <h2 id="solution">Решение</h2>
        <p class="section__prose">
-          <!-- Что было сделано -->
+          Плагин добавляет в Figma панель AI-ассистента: от списка готовых сценариев до
+          редактора скриптов с логом выполнения. Ниже — ключевые экраны работы.
        </p>
+        <figure class="case-media case-media--wide">
+          <img
+            src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
+            alt="Список скриптов AI-ассистента"
+            data-src="{{assetPrefix}}assets/ai-assistant-figma/Scripts%20List.webp"
+            loading="lazy"
+            decoding="async"
+            data-image-viewer
+          />
+          <figcaption>Список доступных скриптов ассистента.</figcaption>
+        </figure>
+        <figure class="case-media case-media--wide">
+          <img
+            src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
+            alt="Редактор скриптов AI-ассистента"
+            data-src="{{assetPrefix}}assets/ai-assistant-figma/Script%20Edit.webp"
+            loading="lazy"
+            decoding="async"
+            data-image-viewer
+          />
+          <figcaption>Редактор скрипта с подсветкой и AI-подсказками.</figcaption>
+        </figure>
+        <figure class="case-media case-media--wide">
+          <img
+            src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
+            alt="Лог выполнения скрипта AI-ассистента"
+            data-src="{{assetPrefix}}assets/ai-assistant-figma/Script%20Edit%20Log%20View.webp"
+            loading="lazy"
+            decoding="async"
+            data-image-viewer
+          />
+          <figcaption>Представление лога выполнения скрипта.</figcaption>
+        </figure>
+        <figure class="case-media case-media--wide">
+          <img
+            src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
+            alt="Индикатор работы скрипта AI-ассистента"
+            data-src="{{assetPrefix}}assets/ai-assistant-figma/Script%20is%20Working.webp"
+            loading="lazy"
+            decoding="async"
+            data-image-viewer
+          />
+          <figcaption>Индикатор активного выполнения скрипта.</figcaption>
+        </figure>
+        <figure class="case-media case-media--wide">
+          <img
+            src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
+            alt="Live Mode AI-ассистента"
+            data-src="{{assetPrefix}}assets/ai-assistant-figma/Live%20Mode.webp"
+            loading="lazy"
+            decoding="async"
+            data-image-viewer
+          />
+          <figcaption>Live Mode — интерактивный режим ассистента.</figcaption>
+        </figure>
+        <figure class="case-media case-media--wide">
+          <img
+            src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
+            alt="Меню More AI-ассистента"
+            data-src="{{assetPrefix}}assets/ai-assistant-figma/Menu%20More.webp"
+            loading="lazy"
+            decoding="async"
+            data-image-viewer
+          />
+          <figcaption>Дополнительное меню (More) с расширенными действиями.</figcaption>
+        </figure>

        <h2 id="result">Результат</h2>
        <p class="section__prose">