menu

Framer

Create interactive designs from start to finish. Try Framer for free.

Channels
Team

How do you link to a frame from a Code Component?

September 29, 2018 at 1:59am

How do you link to a frame from a Code Component?

September 29, 2018 at 1:59am

It's easy to link from a Frame to Frame from the Framer X canvas, but suppose I have a code component that is an autocomplete input. And if a user taps one of the autocomplete dropdown items, I would like to them to be routed to another frame. How would I accomplish that?


October 1, 2018 at 1:43am

You can't control screen transitions from code yet. Once the full framer API is exposed, you should be able to. Not sure when that will happen though.

  • reply
  • like

Oh. The more I try and use Framer X, the more I realize it's not ready for the big time. Should still be in beta.

like-fill
3
  • reply
  • like

^^ yuppp. guess they felt the pressure to release something for in time for the Loupe conference. It's really half-baked right now. You pretty much have to write real code yo achieve anything, which defeats the purpose of prototyping

like-fill
4
  • reply
  • like

Well there seems to be a navigation component.. maybe worth look. But I didn‘t found out how to use it. Just to make some wrong hopes in here 😄

  • reply
  • like
  • reply
  • like

October 1, 2018 at 3:59pm

Yea, that file shows all the framer api goodies waiting to to be exposed. I wantt ittttttttttt

  • reply
  • like

October 4, 2018 at 3:10pm

but if you have to use an api in order to get the interactions framer X claims to have...why not just write code?

  • reply
  • like

I must admit, I'm deeply disappointed in how the Framer X website sells features that seem to either not exist at all or are gated behind prohibitively expensive plans. I've heard their excuse of "it's planned," but planning a feature doesn't mean that you can sell it to people.

  • reply
  • like

@jasondb the api we're referring to is Framer's internal Library. If you've used framer classic, then you you've used it before. The Framer Library will make it a lot easier to create PageComponents, animations, ScrollComponents, Gestures, and other events. It will actually allow you to write LESS code and easier syntax (hopefully). It just wasn't ready for launch.

I agree that the launch was very underwhelming, and they overpromised what would be available. Once the full Framer Library is available, I imagine it will be much easier to create interactions. It's really the only reason I'm holding out on Framer X. Writing/Learning strict 1-1 code right now for PROTOTYPES is just not feasible or productive for me

  • reply
  • like

October 23, 2018 at 10:11am

I wonder if anyone from Framer could give us an idea of an ETA for the ability to link to a frame from code please? I'm liking Framer X so far but finding it really hard to work around this particular omission.

like-fill
1
  • reply
  • like

November 11, 2018 at 9:10pm

@mauns any idea on how to use it? we can try together (I'm a dev) and hack FramerX for our purpose then post here the solution, how about it?

  • reply
  • like

December 6, 2018 at 5:28am

(I wonder if anyone from Framer could give us an idea of an ETA for the ability to link to a frame from code please? I'm liking Framer X so far but finding it really hard to work around this particular omission.) I'm agree with that.

  • reply
  • like

February 28, 2019 at 2:33pm

@mauns any idea on how to use it? we can try together (I'm a dev) and hack FramerX for our purpose then post here the solution, how about it?

Hi @saniales If you add a frame on top of your custom component, you can link this frame to another frame and animation remains. I've added a Material UI button and and pressed animation is still active, even with a frame on top. I believe this is a decent hack !

Edited
  • reply
  • like

March 15, 2019 at 4:01pm

@timotheereyb But, as I understand such approach covers only simple cases when you click button like "Next" and want to go to the next screen.

  • reply
  • like

The only way to walk through frames in prototype that I've found is to use native framer Page component. You just link it to several frames and then you can control the frame which you wanna be shown in Page component via overriding Page.currentPageIndex variable. But this component has animation and I don't know how to disable it to make transition from page to page instant.

  • reply
  • like