Przejdź do głównej zawartości

Generuj przyciski, które pasują do Twojego systemu projektowania

Twórz warianty przycisków, eksploruj style i buduj biblioteki komponentów z wykorzystaniem AI — bezpośrednio w Figma Design. Używaj swoich prawdziwych tokenów i komponentów, a nie zastępczego interfejsu użytkownika, który wymaga przebudowy.

  • Airbnb
  • Atlassian
  • Dropbox
  • Duolingo
  • GitHub
  • Microsoft
  • Netflix
  • The New York Times
  • Pentagram
  • Slack
  • Stripe
  • Zoom

Eksploruj wzory przycisków szybciej niż kiedykolwiek

Generuj gotowe do produkcji przyciski na swoim obszarze roboczym, korzystając z komponentów, tokenów i stylów, których już używa Twój zespół.

Obszar roboczy Figma pokazujący eksplorację projektu AI-wygenerowanego układuObszar roboczy Figma pokazujący eksplorację projektu AI-wygenerowanego układu

Generuj przy użyciu Twojego systemu projektowego

Agent Figma tworzy przyciski używając twoich rzeczywistych komponentów, tokenów kolorów i stylów typografii. Każdy wariant pasuje do Twojego systemu od samego początku — żadnych elementów zastępczych UI do przebudowy czy ponownego stylizowania później.

Panel agenta Figma AI pokazujący zastosowaną masową edycję w projekciePanel agenta Figma AI pokazujący zastosowaną masową edycję w projekcie

Eksploruj więcej kierunków jednocześnie

Generuj wiele stylów, rozmiarów i stanów przycisków równolegle. Porównuj warianty podstawowe, drugorzędne i trzeciorzędne obok siebie, bez czekania na zakończenie jednego przed rozpoczęciem kolejnego.

Panel agenta Figma AI pokazujący przetwarzanie opinii zespołu na potrzeby projektowania.Panel agenta Figma AI pokazujący przetwarzanie opinii zespołu na potrzeby projektowania.

Trzymaj swój zespół razem

Każdy wygenerowany przycisk znajduje się w tym samym pliku, w którym pracuje Twój zespół. Projektanci, deweloperzy i interesariusze widzą ten sam efekt i mogą na nim od razu budować.

Cechy związane z generowaniem przycisków

Bliższe spojrzenie na to, co wyróżnia agenta Figma, zbudowanego z myślą o rzeczywistej pracy zespołów projektowych.

  • Zrzut ekranu pokazuje agenta Figma AI połączonego z biblioteką komponentów, automatycznie stosującego tokeny marki do projektuZrzut ekranu pokazuje agenta Figma AI połączonego z biblioteką komponentów, automatycznie stosującego tokeny marki do projektu

    Połącz się z biblioteką projektów

    Wskaż agentowi swoją bibliotekę projektów, aby każdy przycisk używał twoich rzeczywistych komponentów, tokenów i zmiennych — gotowych do produkcji, a nie elementów zastępczych.

  • Zrzut ekranu z wieloma jednoczesnymi poleceniami projektowania AI działającymi w FigmaZrzut ekranu z wieloma jednoczesnymi poleceniami projektowania AI działającymi w Figma

    Uruchamiaj polecenia równolegle

    Generuj wiele kierunków przycisków jednocześnie. Eksploruj różne style, stany i rozmiary, nie czekając aż jedno polecenie się zakończy.

  • Zrzut ekranu wspólnego wątku rozmowy w Figma AI z komentarzami do projektuZrzut ekranu wspólnego wątku rozmowy w Figma AI z komentarzami do projektu

    Udostępnialne wątki

    Udostępnij wątek, a Twój zespół zobaczy pełne polecenie, kontekst i historię iteracji. Nie potrzeba dodatkowego przekazywania ani wyjaśniania.

  • Zrzut ekranu przedstawiający opcje umiejętności agenta AI Figma do automatyzacji przepływów pracy projektowejZrzut ekranu przedstawiający opcje umiejętności agenta AI Figma do automatyzacji przepływów pracy projektowej

    Pakuj przepływy pracy jako umiejętności

    Przekształć swoje polecenia generowania przycisków w gotowe do użycia umiejętności. Uruchamiaj je szybko, gdy tylko potrzebujesz spójnych wyników.

Figma wydaje się być naturalnym przedłużeniem mojej ręki. Tworzę koncepcje projektowe na obszarze roboczym, a teraz agent wykonuje ostatni krok. Dzięki połączonym bibliotekom projektów, mogę przejść od projektowania do kodowania szybciej niż kiedykolwiek wcześniej.

Andy Madrick
Projektant produktu, Notion

logo notion

Zacznij korzystać z agenta Figma

  • Otwórz agenta

    Wybierz agenta w lewym pasku bocznym lub naciśnij CMD + Enter. Dodaj ramkę do swojego obszaru roboczego, aby tam pracować.

  • Opisz przycisk

    Powiedz agentowi, czego potrzebujesz — przycisku głównego, przycisku z ikoną, stanu ładowania. Wskaż go do swojej biblioteki projektów, aby używał prawdziwych stylów.

  • Przeglądaj na obszarze roboczym

    Sprawdź wygenerowane ekrany na swoim obszarze roboczym. Dopracowuj projekt w tym samym wątku lub otwórz równoległy, aby zbadać inny kierunek.

  • Nieustannie iteruj.

    Zachęć ponownie, aby dostosować rozmiar, stany lub style. Gdy masz już wszystko gotowe, zamień przepływ pracy w umiejętność wielokrotnego użytku.

Stań się agentem ekspertem

  • Agent Figma Design już dostępny

    Obejrzyj w akcji agenta AI Figma i zobacz, jak go zastosować we własnych przepływach pracy.

    Czytaj więcej
  • Ekran wprowadzający dla agenta Figma środowisko testowe z przyciskiem „Start” i przykładowym poleceniem czatu: „Hej Figma, czy możesz stworzyć różne układy do mojej aplikacji do czytania?”Ekran wprowadzający dla agenta Figma środowisko testowe z przyciskiem „Start” i przykładowym poleceniem czatu: „Hej Figma, czy możesz stworzyć różne układy do mojej aplikacji do czytania?”

    Pracuj z agentem Figma

    Praktyczne środowisko testowe do eksploracji możliwości agenta Figma — od edycji zbiorczych po wdrażanie opinii — z wbudowanym przewodnikiem krok po kroku.

    Rozpocznij
  • Jak używać agenta Figma w swoich przepływach pracy

    Dowiedz się, jak używać agenta Figma w swoich przepływach pracy dzięki samouczkowi krok po kroku od zespołu Figma.

    Obejrzyj teraz

Często zadawane pytania

Generator przycisków AI tworzy projekty przycisków z tekstowych poleceń, pomagając szybciej eksplorować style, rozmiary i stany niż w przypadku budowania każdego z osobna ręcznie. Agent Figma generuje przyciski bezpośrednio na twoim obszarze roboczym używając Twojego systemu projektowania, dzięki czemu wyniki są gotowe do produkcji od samego początku.

Opisujesz potrzebny przycisk — przycisk podstawowy z ikoną, drugorzędny wariant, stan ładowania — a AI kreuje go na twoim obszarze roboczym. Agent Figma odnosi się do połączonej biblioteki projektów, korzystając z prawdziwych tokenów, komponentów i stylów, aby generować przyciski, które pasują do Twojego systemu.

Tak. Agent Figma pozwala opisać dokładnie, czego potrzebujesz i generuje niestandardowe przyciski na Twoim obszarze roboczym. Możesz określać style, rozmiary, stany i ikony. Wszystko pozostaje w pełni edytowalne, więc możesz ręcznie poprawiać lub ponownie wydać polecenie, aż przycisk będzie dokładnie taki, jak trzeba.

Zdecydowanie tak. Przyciski generowane przez agenta Figma trafiają na Twój obszar roboczy jako w pełni edytowalne warstwy i komponenty. Możesz dostosować kolory, typografię, odstępy i stany ręcznie lub za pomocą kolejnych poleceń. Nic nie jest spłaszczane ani zamykane.

Agent Figma jest dostępny we wszystkich płatnych planach Figma. Znajdziesz to w lewym panelu bocznym w Figma Design. Podczas trwającej obecnie otwartej wersji beta funkcja ta nie zużywa kredytów AI — jest to więc dobry moment, aby ją poznać, poeksperymentować i podzielić się z nami swoją opinią.

Powered by Fruition