Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Figma -> React Native Plugin #12

Closed
4 of 7 tasks
TheUltDev opened this issue Jun 9, 2023 · 3 comments
Closed
4 of 7 tasks

Figma -> React Native Plugin #12

TheUltDev opened this issue Jun 9, 2023 · 3 comments
Assignees
@TheUltDev
Labels
enhancement New feature or request integration Integration related issue

Comments

@TheUltDev
Copy link
Contributor

TheUltDev commented Jun 9, 2023 •
edited
Loading

Figma -> React Native Plugin

  • Add button in the plugin's Export tab to generate a session
  • Plugin generates a hash based on the project ID to sync data between the plugin and VSLite
  • Plugin opens a window: (https://vslite.dev/+/figma/...)
  • VSLite clones and runs a lightweight React Native Web skeleton project
  • Create Y.JS connections between VSLite and all plugin instances
  • Compile all components in project and update as they change
  • Send components to VSLite in the following format:
{
  "./section/ComponentName.tsx": "code...",
}
@TheUltDev TheUltDev self-assigned this Jun 9, 2023
@TheUltDev TheUltDev added the enhancement New feature or request label Jun 9, 2023
@TheUltDev TheUltDev changed the title Integrate: Figma -> React Native Plugin Integration: Figma -> React Native Plugin Jun 9, 2023
@TheUltDev
Copy link
Contributor Author

This is a specific use-case of mine, but I will create a modular system for other possible integrations.

@TheUltDev TheUltDev added the integration Integration related issue label Jun 10, 2023
@TheUltDev TheUltDev changed the title Integration: Figma -> React Native Plugin Figma -> React Native Plugin Jun 10, 2023
@TheUltDev
Copy link
Contributor Author

TheUltDev commented Jun 13, 2023 •
edited
Loading

Initial work for this done in PR #21.

Follow up work will be started after #6 is done.

@TheUltDev TheUltDev mentioned this issue Jun 13, 2023
Merged
@TheUltDev
Copy link
Contributor Author

Removed from this project, doing this in a fork

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@TheUltDev TheUltDev

Labels
enhancement New feature or request integration Integration related issue
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@TheUltDev