---
url: "/pl/weblify/overview/quickstart.md"
description: "Twórz, podglądaj, sprawdzaj i eksportuj strony internetowe w Weblify albo kopiuj istniejące strony do Figmy za pomocą rozszerzenia Weblify do Chrome."
---

# Pierwsze kroki z Weblify

> Twórz, podglądaj, sprawdzaj i eksportuj strony internetowe w Weblify albo kopiuj istniejące strony do Figmy za pomocą rozszerzenia Weblify do Chrome.

[![Wtyczka Weblify do Figmy](https://www.hypermatic.com/weblify.jpg)](https://www.figma.com/community/plugin/927336249307137996)

## Instalacja wtyczki Weblify do Figmy

1. Otwórz dowolny plik Figmy.
2. Kliknij ikonę **Actions** na dolnym pasku narzędzi Figmy.
3. Kliknij kartę **Plugins & Widgets**, aby wyświetlić tylko wtyczki do Figmy.
4. Wpisz **Weblify** w pasku wyszukiwania.
5. Kliknij wynik wyszukiwania **Weblify**.
6. Kliknij przycisk **Save**, aby zainstalować wtyczkę Weblify.

> **Note:** Użytkownicy w ramach **Figma Organization** mogą mieć możliwość instalowania tylko zatwierdzonych wtyczek. Jeśli nie możesz zainstalować niektórych wtyczek do Figmy, poproś administratora organizacji Figmy w swojej firmie o [zatwierdzenie wtyczki Weblify](https://help.figma.com/hc/en-us/articles/4404228724759-Manage-plugins-and-widgets-in-an-organization).

## Uruchamianie wtyczki Weblify w Figmie

Gdy już [zainstalujesz](#instalacja-wtyczki-weblify-do-figmy) wtyczkę **Weblify** do Figmy, uruchom ją w swoim pliku Figmy w ten sposób:

  1. **Kliknij prawym przyciskiem myszy** w dowolnym miejscu płótna strony w pliku Figmy
  2. Najedź kursorem na pozycję menu **Plugins** ▶
  3. Najedź kursorem na pozycję menu **Saved plugins** ▶
  4. Kliknij pozycję menu wtyczki **Weblify**

> **Tip:** Gdy raz uruchomisz wtyczkę **Weblify** w pliku Figmy, możesz szybko uruchomić ją ponownie, klikając ikonę **Weblify** w prawej kolumnie Figmy (pod podtytułem **Plugin**).

> **Warning:** Wtyczki do Figmy w danym pliku mogą uruchamiać tylko użytkownicy z dostępem **Edit** do tego pliku. Jeśli masz tylko uprawnienia **View**, nie uruchomisz w tym pliku żadnej wtyczki do Figmy.

## Instalacja i aktywacja Weblify

- [Instalacja i uruchamianie wtyczki do Figmy](/pl/weblify/overview/install.md): Jak uruchomić Weblify w Figmie
- [Aktywacja Weblify Pro](/pl/weblify/overview/pro.md): Jak kupić i użyć klucza licencyjnego Pro

## Korzystanie z Weblify

  - [Tworzenie strony internetowej](/pl/weblify/build/site-builder.md): Twórz edytowalne strony z szablonów, sekcji i elementów
  - [Import strony internetowej](/pl/weblify/advanced/import-website.md): Skopiuj stronę lub wybrany element za pomocą darmowego rozszerzenia do Chrome
  - [Audyt i eksport](/pl/weblify/build/export.md): Sprawdź i pobierz statyczną stronę internetową w HTML i CSS
  - [Inspekcja warstw z Figmy](/pl/weblify/inspect/layers.md): Generuj kod HTML, Tailwind, React lub Vue z zaznaczonej warstwy

## Najczęstsze pytania

- [Rozwiązywanie problemów z Weblify](/pl/weblify/faq/troubleshooting.md): Częste problemy, na które możesz trafić
- [Bezpieczeństwo Weblify](/pl/weblify/faq/security.md): Szczegóły działania Weblify
- [Potwierdzenia zakupu](/pl/faq/receipts.md): Znajdź potwierdzenia zakupu i faktury PDF
- [Płatności](/pl/faq/billing.md): Zarządzaj subskrypcją Pro
- [Zarządzanie stanowiskami w licencji](/pl/faq/seats.md): Zarządzaj użytkownikami Figmy przypisanymi do Twojego klucza
- [Weblify – wersja darmowa i Pro](/pl/weblify/faq/plans.md): Porównaj funkcje wersji darmowej i Pro

[Video](https://www.hypermatic.com/assets/videos/weblify/WEBLIFY_DEMO.mp4)

## Funkcje Weblify

- Twórz edytowalne strony internetowe z szablonów, sekcji, elementów i responsywnych układów.
- Kopiuj do Figmy publiczne strony internetowe lub strony wymagające logowania za pomocą darmowego rozszerzenia do Chrome.
- Podglądaj wygenerowaną stronę przy różnych szerokościach viewportu.
- Przeprowadzaj audyt stron Weblify i eksportuj je jako statyczną stronę internetową w HTML i CSS.
- Podglądaj zaznaczone warstwy z Figmy jako kod HTML/CSS, Tailwind, React lub Vue.
- Kopiuj wygenerowany kod lub pobieraj komponent jako plik ZIP razem z jego obrazami.
- Pracuj z Auto Layout w Figmie, zawijaniem oraz właściwościami układu min/max.
- Korzystaj z narzędzi Weblify do inspekcji kodu w Dev Mode w Figmie.