Tervek exportálása
1
Nyissa meg tervét
Lépjen a Flowstepben exportálni kívánt tervhez.
2
Nyissa meg az exportálási menüt
Keresse meg az exportálási lehetőséget az eszköztárban vagy a tervezési panelen. Kattintson rá az exportálási beállítások megnyitásához.
3
Válassza ki a formátumot
Válasszon a JPG vagy a PNG közül az Ön szükséglete szerint (lásd az alábbi összehasonlítást).
4
Töltse le a fájlt
Erősítse meg a választást, és töltse le az exportált képet az eszközére.
JPG vs PNG: melyik formátumot használja?
Export code
A Code gomb mellett a React + Tailwind kódként exportálja a tervét – másoljon egy részletet, vagy töltse le az egész csomagot ZIP formátumban. Egyetlen képernyőt, több kiválasztott képernyőt vagy akár egy egész fájlt exportálhat egyszerre. Ha több képernyőt exportál, mindegyik a saját komponensfájljává válik, és a képernyők között beállított navigáció bekerül az előállított kódba, így az exportált alkalmazás végig kattintható. A csomagok önállóak: a tervezetben használt képek (beleértve a csevegési panelen mellékelt képeket is) apublic/assets/ mappában vannak, és a kód a helyi útvonalra hivatkozik, így az export úgy fut, ahogy van.
A letöltött fájlok – akár képek, akár kódcsomagok – a képernyőjük neve szerint kapnak nevet (visszaesnek a fájlnévre, ha a képernyő név nélkül van), amely megkönnyíti az exportálások azonosítását, amikor sok képernyővel dolgozik.
Tervek küldése a kódozási ügynöknek
Ahelyett, hogy letöltene egy fájlt, közvetlenül egy AI kódozási asszisztensnek adhatja a terveket. Kattintson a Send to your coding agent gombra az eszköztárban – vagy nyissa meg az exportálási párbeszédpanelt, és válassza ugyanezt az opciót – hogy kimásoljon egy készen álló promptot az ügynökhöz:Ügynöke ezeket a képernyőket az MCP-n keresztül olvassa le, és az Ön tárolójában építi fel őket. Illessze be ezt a promptot a Claude, Cursor vagy a kívánt ügynök alkalmazásba.A prompt közli az ügynökkel, hogy a Flowstep MCP szerver felül kérje le a képernyőket, és építse újra őket a kódbázisában. Egyetlen képernyőt, több kiválasztott képernyőt vagy egy teljes fájlt adhat át egyszerre – a prompt az Ön kiválasztásához igazodik. Ez a Flowstep MCP kiszolgálót használja, ezért először kapcsoljon be egy MCP klienst. Az MCP szerver áttekintésében találja az támogatott klienseket, és a Gyorsindító ismerteti, hogyan kell egy klienst csatlakoztatni.
Ha a tervét vektor szerkesztési munkafolyamatba szeretné vinni, másolja közvetlenül a Figmába helyette. Lásd: Flowstep-tervek azonnali másolása a Figmában.