Monday Hero
Website
V2
V2
  • Overview
  • Workflow Basics
  • Getting Started
    • Installing the Desktop App
    • Log In & Create a Project
    • Prepare Design to Get the Best Code Results
    • Import Design Files into Monday Hero
      • Import Figma Design Files into Monday Hero
        • Import Your Figma Text Style and Color Library
      • Import Adobe XD Design Files into Monday Hero
      • Import Sketch Design Files Into Monday Hero
    • Share Your Project & Manage Roles
  • DESIGN TO FLUTTER
    • Convert Design to Flutter
    • Create Flutter Components
      • System Components
        • Material & Cupertino Components
        • Flutter Supported Components
      • Custom Components
    • Create Responsive Code
    • Colors
    • Text Styles
    • Assets
    • Sync Code
    • Flutter Project Base
      • Fast Start with Monday Hero Starter Project
      • Integrate Monday Hero to your Existing Project
    • Shadows, Gradients, and Other Design Elements
    • Troubleshooting Guide
      • Checklist for Design Element Review and Code Generation
      • Github Monday Hero Starter Project Troubleshooting
  • DESIGN TO SWIFT
    • Convert Design to Swift
    • Create Swift Components
      • System Components
        • Views
        • Texts
        • Images
        • Button
        • TextField/EditText
        • Text Area
        • Status Bar
        • Search Bar
        • List
        • Grid
        • Swift Supported Components
      • Custom Components
      • Video Player Code Component
    • Colors
    • Text Styles
    • Assets
    • Shadows, Gradients, and Other Design Elements
    • Firebase
      • How to get Video URL from Firebase
    • Export Code
      • Integrating Exported Files into an Existing Xcode Project
  • Hero AI Assistant
    • Hero AI Assistant
  • Design to React
    • Convert Design to React
  • Step-By-Step Tutorials
    • 🏖️Travel App
  • Support
    • Roadmap
    • Suggest a New Feature
    • Report a Bug
    • Product Announcements
    • Mail to Support
    • Frequently Asked Questions
  • Join & Follow Us
    • YouTube
    • Discord Community
    • GitHub
    • Twitter
    • LinkedIn
    • Blog
    • Instagram
    • Facebook
Powered by GitBook
On this page
  • Options for Synchronization
  • Save The Project Path
  • Synch Code to Your Project

Was this helpful?

  1. DESIGN TO FLUTTER

Sync Code

PreviousAssetsNextFlutter Project Base

Last updated 1 year ago

Was this helpful?

After you have completed creating new components and editing assets, you're ready to retrieve your code! You can synchronize the updated code with your local project files.

Options for Synchronization

  • Sync to Your Own Project: If you prefer to use your existing project, ensure that it includes the necessary localization and router libraries as explained. This approach requires manual setup of dependencies.

  • Use Our Base Project for a Quick Start: For a faster setup, you can utilize our which comes pre-configured with all required dependencies, allowing you to start immediately without additional setup.

Save The Project Path

To sync your code to your project, Monday Hero needs to know the project path where you want the files added. Monday Hero will automatically prompt you for this path when you initiate the syncing process. Alternatively, you can specify the path manually by accessing the settings.

Once you are on the Settings screen, click the 'see more' icon, represented by '...', and select your project path.

Ensure that the Project Name matches the name in the pubspec.yaml file, then save your changes.

Once you click 'Save', you're now ready to start syncing your project.

Synch Code to Your Project

Once you save your project path, you're ready to sync your code. Monday Hero automatically updates the files in your local directory.

Synch All Screens

If you want to sync all the screens, components, assets, colors, font styles, and more, you should choose the 'Sync All Screens' option. Select this option from the drop-down menu and wait a few seconds while Monday Hero processes the updates. You're now up to date!

Synch This Screen/Component

If you prefer to sync only the screen or component you're currently working on, click the 'Sync This Screen' option in the drop-down menu. Just wait a few seconds while Monday Hero does its job. You're up to date!

here
Base Project,
Opening Sync settings.
Choose your project path to sync.
Project name needs to match the name in the pubspec.yaml file.
Saving project path and the 'Save' button.
Synch to My Project