Import & Migration

Already have code, designs, or projects somewhere else? Here's how to bring them into VULK.

Import from Figma

Upload your Figma designs and VULK generates matching React components:

1. In the VULK editor, click Upload or paste a Figma link in the chat
2. VULK analyzes the visual design — layout, colors, typography, spacing
3. Matching React + Tailwind CSS components are generated

Works best with:

• UI mockups and wireframes
• Complete page designs
• Component libraries

See Import from Figma for the full guide.

Import from Screenshot

Have a website or app you want to recreate? Take a screenshot and upload it:

1. Screenshot the page or design you want to build
2. Upload it in the VULK chat alongside your prompt
3. VULK uses it as visual reference for generation

Example prompt: "Recreate this layout as a React app. Keep the same structure and colors but use modern typography." + screenshot

Import from GitHub

If you have an existing project on GitHub:

1. Export your VULK project to GitHub using GitHub Integration
2. Continue editing in VULK — changes sync back to your repo
3. For existing non-VULK repos: describe the project in chat and upload key files as context

Import from ZIP

Upload a ZIP file containing your existing project:

1. Click Upload in the chat panel
2. Select your ZIP file
3. Describe what you want to change or build on top of it

Migrating from Other Platforms

From Lovable / Bolt / v0

These platforms generate React + Tailwind code — similar to VULK's stack:

1. Export your project from the other platform (ZIP or GitHub)
2. Open the code files and identify the key components
3. In VULK, describe the app and upload screenshots of the current version
4. Optionally paste key component code in the chat as reference

VULK will generate a fresh version based on your description and visual reference. This often produces cleaner code than importing raw files.

From Replit

1. Download your Replit project
2. Upload relevant files to VULK as context
3. Describe what the app does and what you want to change

From Static HTML/CSS

1. Upload your HTML file or screenshot to VULK
2. VULK converts it to React + Tailwind CSS components
3. Add interactivity, routing, and backend through chat

Tips for Best Results

• Upload screenshots alongside descriptions — visual context dramatically improves accuracy
• Start fresh with VULK rather than trying to import complex codebases — generation from scratch often produces better structure
• Describe the end result you want, not the migration process — "Build a task manager like the one in this screenshot" works better than "Convert this Angular app to React"
• Migrate incrementally — move one page or feature at a time rather than trying to migrate everything in one generation