Skip to main content
InVision Support Home Page
InVision ambassador ambassador
Felipe Ribeiro
Felipe Ribeiro Updated

Sketch/Craft prototype: How to fix elements when scrolling?

If I prototype using simply sketch, it works. But the fixed position is totally ignored by Craft. Is it possible to make it to work?

This post is associated with a known feature request: [[ problemTicketSubject ]]. Let our Product team know that you’re interested in this feature.

Sign in to add your vote

Thanks for taking the time to share your feedback about making our product better. We’ve let our Product team know that you’re interested in this feature so they can factor that into their product strategy.

19

comments

Sort by

official comment

Shaina Torgerson
InVision ambassador Shaina Torgerson , ambassador

Hi Felipe,

At this time, the behavior you're attempting to achieve is not currently possible. However, you could potentially create this effect by using fixed headers and footers. If you want a button to float on top of your design as you scroll (for example: a floating action button in Material Design), you can create a fixed element using fixed headers and footers. To learn more about this functionality, please view the video here.

Also, it appears as if our Product and Support teams are currently tracking interest to allow floating fixed elements in Craft Prototype. I will open a ticket on your behalf to track your vote for this feature. Please look for a message confirming your vote soon.

Please let me know if there's anything else I can help you with on this topic.

Thanks,

Shaina

If anybody else would like to add their vote for this feature, please contact Support here and voice your opinion!

KM
InVision ambassador KM , ambassador

Please consider prioritizing another way to handle fixed elements that would be directly from Sketch. 

When using Craft w/its prototyping and sync functions (which are excellent, no doubt) all of the prototyping functions are maintained within the Sketch file and workflow. Asking one to send out pieces as separate elements is essentially splitting off the prototyping efforts into two channels, double the work/time/effort to maintain...and kills productivity especially during crunch times. 

If the fixed elements are working within the Sketch built-in prototyping, them it would be reasonable to extend that expectation for the sync to handle the same elements smoothly via InVision.

8
Marcus Potter
InVision ambassador Marcus Potter , ambassador

Without being too pushy))
August 8, 2018 - April 10 2020?
Seems rather a long time to await for such a common requirement to be released.

Any progress on supporting fixed element for a footer component via Sketch/Craft for distribution via Invision cloud?

I have an enterprise prototype app with around 150 screens in each user role/application.
Am I missing an obvious trick how to address this directly in Sketch?

If this has 'still' being considered? Sadly, this will be a deal breaker for me to use Invision in future prototyping projects.
Any confirmation that this is actually being developed for release in the future?

Thanks in advance.

7
Tim Near
InVision ambassador Tim Near , ambassador Edited

Hi Shaina, I just submitted a support ticket with this same concern. I am actually amazed to see this feature is not already built, because without it your otherwise incredibly impressive tool is pretty much useless. I can't convey the intent of the design to my developers when the menu (that is supposed to be static) is buried at the bottom of the screen, and the workaround you suggested is way to labor-intensive to be practical. Even if I could accomplish the aesthetic using a header/footer, I can't replicate the functionality.

 

You have taken a fantastic user experience 90% of the way, but we need the other 10% of this to work for scrolling UI's developed in Sketch to make any sense in Invision. Please escalate this issue if you can.

4
Jonas Svensson
InVision ambassador Jonas Svensson , ambassador

Thanks for the explanation and link to the craft video. This feature would be awesome to have directly in Sketch though so that you don't have to leave Sketch to complete your design and flow. I add my vote to include this feature to Sketch.

 

Br. 

Jonas

2
Siggi
InVision ambassador Siggi , ambassador

Hello,

I am now starting to use Invision for uploading and sharing prototypes (was using sketch cloud before).

I really wish that Invision prototypes would include the fixed position when scrolling, it makes the prototypes seem less professional, when the sidebar just disappears when scrolling down. 

I would like to add my vote on this feature, here. Crossing my fingers for this to come soon. 


Thank you. 

2
Philipp
InVision ambassador Philipp , ambassador Edited

Hi to everyone... I have found multiple videos where ppl showed how they fixed footers and headers in their prototyped apps with CRAFT, but I simply cannot find these features in this plugin anymore... are these functions migrated to the paid version of the plugin or you for some reason have completely removed these features? 

Here is a screenshot:

 

 

Thus, I assume that this feature has been deleted from the plugin, am I right? or I am using some outdated version of craft which is simply does not have it?

 

Thank you in advance! =)

2
Lea
InVision ambassador Lea , ambassador

Please fix this - I like that I can link to specific scrolling positions with Craft, but without sticky headers/footers it's pretty much useless. 

1
Michael S
InVision ambassador Michael S , ambassador

Hi Philipp,

Thanks for getting back in touch, and I apologize for the confusion! I believe what you were seeing in that screenshot is from an old beta version of Craft which is not currently a feature in the current Craft plugin. If you're interested in this feature, please be sure to use the Add you vote option at the top of the thread!

Thanks,
Michael

1
Shaina Torgerson
InVision ambassador Shaina Torgerson , ambassador

Hi Jonas,

I'm happy to hear that the explanation and video provided above were helpful to you! I will open a ticket on your behalf to track your vote for this feature. Please look for a message confirming your vote soon.

Have a wonderful day,

Shaina

0
Wei QIng
InVision ambassador Wei QIng , ambassador

Hei, why was fixed header deleted in prototype from Sketch? When can Craft bring it back in Sketch? What is the reason it still lacks in Craft? 

0
Shaina Torgerson
InVision ambassador Shaina Torgerson , ambassador Edited

Hi Wei,

Thanks for reaching out here in Community about this. We have received similar feedback from other users and are currently tracking a feature request to add the option to add fixed footers and headers in Craft prototype that can be synced to InVision.

I will open a ticket on your behalf to track your interest for this. Please keep an eye out for an email confirming that we've added your feedback to this feature request.

Please let me know if there's anything else I can help you out with.

Best,

Shaina

If anybody else would like to add their feedback about this potential feature, please fill out a ticket with Support here detailing the feature you are looking for.

0
Michael, Tan Qinyuan
InVision ambassador Michael, Tan Qinyuan , ambassador Edited

Hi, my name is Michael. I have explored for a whole night that how to make the fixed headers and footers in sketch in using craft. The video showed the process in other application. In the newest version of craft, i can not find the function of locking the headers and footers in the screen. 

thank you!

0
Shaina Torgerson
InVision ambassador Shaina Torgerson , ambassador

Hi Michael,

Sorry to hear that you're having trouble creating fixed headers and footers in your prototype. In order to do this, you will need to add about 20 px of transparent area in your Sketch file at either the top (header) or bottom (footer). Then, you will upload this file as a PNG to the InVision Cloud where you will add the fixed header/footer function to the prototype.

To see step-by-step instructions on how to create a fixed element using fixed headers or footers, check out the video in this Help Article. To learn more about this, here's another Help Article, How do I set fixed headers and footers?. If you are still having issues with creating these fixed headers or footers by using the function in the Cloud, please let me know.

Hope this helps,

Shaina

0
Shaina Torgerson
InVision ambassador Shaina Torgerson , ambassador

Thanks for the feedback here! We completely agree that using these types of features in InVision should be seamless and efficient.

We understand how frustrating it can be to use timely workarounds as you mentioned while waiting on these things to be released, and appreciate you hanging in there. That being said, I would like to open a ticket on your behalf to share your feedback with Product team. They are still tracking interest for this potential feature, and we will be sure to post any updates here as we have them. I will also be sharing your feedback with the Craft Product Manager in my next product meeting.

I'm so sorry to hear that this is slowing down your workflow. We hope to have some good news for you soon. 

Have a good day,

Shaina

If anybody else would like to add their feedback about this potential feature, please fill out a ticket with Support here detailing the feature you are looking for.

0
Shaina Torgerson
InVision ambassador Shaina Torgerson , ambassador

Thanks for adding your feedback here in Community, and for opening a ticket about this potential feature! I will be sure share your feedback here in Community with our Product team, and ensure that your ticket is linked up to this feature request that we're tracking.

If there's anything else I can help out with in the meantime, please don't hesitate to follow up.

Have a great day!

Shaina

0
Laura Cunha
InVision ambassador Laura Cunha , InVision Employee , ambassador

Thank you for taking the time to share your thoughts about Craft here in Community, Siggi!

I can definitely see how being able to fix the position of certain elements when scrolling would be helpful. As mentioned in this thread, this is a potential feature request our Product team is tracking. I'll go ahead and open a ticket on your behalf, so that the team is aware you'd also be interested in it — please keep an eye out for an email from our team shortly!

Best,
Laura

Note: If anybody else would like to add their feedback about this potential feature, please reach out to our Support team directly here, detailing the feature you are looking for.

0
Camille M
InVision ambassador Camille M , InVision Employee , ambassador

Hi Philipp,

Sorry to hear you're not able to access the Prototyping feature in Craft!

Firstly, can you confirm if the Sync + Prototype tool is toggled on in the Craft tools menu?

We'd like to gather some additional details to assist in troubleshooting this further. Would it be possible to provide the following?

  • What operating system are you using? Please include the version (e.g. macOS 10.13.3 or Windows 10).
  • What version of Sketch/Photoshop are you using?
  • What version of the Craft plugins are you using?
  • Could you provide a screenshot showing what’s going wrong?

Thanks,

Camille

0
Philipp
InVision ambassador Philipp , ambassador

Hi Camille,

    OS is 11.1

    app is Sketch 72

just tell me please if you have this feature in CRAFT like it's depicted on the screenshot which I left in the previous message or this function was deleted for some reason?

Thank you.

0
Kosta Bolgov
InVision ambassador Kosta Bolgov , InVision Employee , ambassador

Hi Marcus,

I'm a Product Manager on the Craft and Web Prototyping team and I wanted to touch base about this feature that we've been tracking. Thank you for reaching out in Community to provide some additional feedback on your specific need for this feature. We're grateful for the candid feedback that you and other users provided.

We reviewed this issue together today, and we understand how the lack of this feature has been impacting your work, making it tedious to apply fixed footers across so many screens. My team has already made plans to work on prototyping features like this one, but we can't provide a concrete date for a solution yet. We will post on this thread again as soon as we have an update.

Additionally, our Senior Community Moderator, Shaina, will make sure that your comment has been linked up to the feature request to allow floating fixed elements for prototypes synced via Craft. Please look out for an email confirming that we've formally tracked your interest in this feature.

Thanks for bearing with us.

- Kosta

-4

join the conversation

To comment, sign up or sign in.