-
Notifications
You must be signed in to change notification settings - Fork 1.2k
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.
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
Feature Request: Paperjs chrome extension #1446
Comments
Hi, I think it is a great idea to have a way to visualize project hierarchy and to have basic interaction with it. Actually @lehni and @sapics, before I saw this issue, I was already thinking about doing something like that. But I was more thinking about doing it as a plugin rather than as a chrome extension. Here is the use cases I thought about:
About keeping layers panel in sync with the project, I have 2 ideas:
|
@sasensi Interesting feature 👍 refs: |
I've been thinking along these lines for ages also, but never found the time to do anything about it. There is actually some hidden change-tracking infrastructure in places that's deactivated by default, see here: Lines 69 to 71 in dfe4397
as well as here: Lines 99 to 112 in dfe4397
I started adding this for a potential SVG backend, which would need to know about what changed on each animation frame. But such a palette could tap into this as well! |
For those interested in this feature, I made a prototype (implemented as a plugin) here: It's not made for production applications but I think it can be quite usefull for debugging (I'm already using it 😃). |
@sasensi very cool, I already noticed the project! This is very much aligned with a feature that I meant to implement for ages myself. It would be really great to have it as part of sketch! For this, we should probably make a bit of a plan. What if we agree on one modern UI framework to use to build a more modern sketch? And then use it for this layers view as well? Personally I'm a fan of Vue, and would have proposed that... I'm not so familiar with Angular or React. |
@lehni, sure, I'm more experienced with Angular but Vue seems to be great as well. |
@sasensi Great work! I agree with you, I am very happy if we can use your plugin in sketch! About frameworks, I have little to say, because I have no experience in Angular, React, TS, ES2015+, a bit of Vue... |
@lehni and @sapics, I made a PR (paperjs/sketch.paperjs.org#5) to integrate the plugin before a full rebuild of sketch. |
Description/Steps to reproduce
I was wondering if there is a paperjs extension to visualise all current layers, groups and paths. A bit like the layers panel in Photoshop or any other graphical tool. My google search came up empty. So I don't think it exists yet.
If there is anyone out there with too much time on there hands and also interested in having such an extension. Please make it :-) It would be so helpful. Also when you select a layer, group or path in the list it gets fullyselected.
So just putting it out here.
The text was updated successfully, but these errors were encountered: