How to import desktop-first project into mobile-first project?

Hey, just tried to import a project. I know Project A (website) is Desktop-first and Project B is Mobile-first and I wanted to try and see if styles and components would work when I import. Is it supposed to work? I declined importing breakpoint and I removed some installed packages as well in Project B (forgot to delete them before import to B :stuck_out_tongue_winking_eye:) But then I looks like its a little bit messy (video).

Looks like all tokens, edited, previously used tokens( deleted ones) and current have been imported.

I now realise that is not really a big problem for designing atm, it works fine in “designer-mode”.

Edited base variants and navigated to outline and only have a plasmic button component, no pages yet, and that happened.

@yang

Hi, do you have project a importing project b or the other way around? Do you have a link to your projects? And, are these app hosted (trying to figure out where that image is coming from)?

Yes, Project A to B.
A https://studio.plasmic.app/projects/rNPTRgeq3J6fUs7ognNHX7
B https://studio.plasmic.app/projects/68gH9oYPj63zvHhx13QAod

Project A is suppose to be empty (No pages, if you wondering about that later). But I wanted to import all tokens and styling to Project B and, as I mentioned earlier, Mobile-first approach in Project B.
Project A was hosted before via Github, can’t remember if it was at the time of export though… Project B have only been localhost.

Hi! I can’t seem to see this… so this is on the booiq-website project? What did you have to do to make this happen?

Huh! That’s interesting… I mean, I tried export / import feature for the first time. I didn’t really do much else that could potentially have caused any issues. No clue!

@yang

Hi, do you have project a importing project b or the other way around? Do you have a link to your projects? And, are these app hosted (trying to figure out where that image is coming from)?

Yes, Project A to B.
A https://studio.plasmic.app/projects/rNPTRgeq3J6fUs7ognNHX7
B https://studio.plasmic.app/projects/68gH9oYPj63zvHhx13QAod

Project A is suppose to be empty (No pages, if you wondering about that later). But I wanted to import all tokens and styling to Project B and, as I mentioned earlier, Mobile-first approach in Project B.
Project A was hosted before via Github, can’t remember if it was at the time of export though… Project B have only been localhost.

Hi! I can’t seem to see this… so this is on the booiq-website project? What did you have to do to make this happen?

Huh! That’s interesting… I mean, I tried export / import feature for the first time. I didn’t really do much else that could potentially have caused any issues. No clue!

I am going to create a new project and try the same import again and see if I can recreate it.

Yepp, same bug on the new project.

@chungwu

Hi Jesper, looking into this but I still can’t reproduce. I:

  1. Create a new project
  2. Have it import from Project A
  3. …? what do I need to do next to get to the blank screen with only that image showing?

I guess do some changes to the base style tokens. That’s what I did before and then just head over to outline, that’s when it crashed. But I can’t replicate it anymore!

I am suppose to be able to edit the imported tokens?