Git Product home page Git Product logo

heron-handoff's People

Contributors

dependabot[bot] avatar leadream avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

heron-handoff's Issues

导出参考代码色值使用HEXA未跟随顶部HEX设置

顶部切换HEX、RGBA时,底部参考代码会同步替换为对应色值,但是HEX的参考代码默认也为HEXA导致开发同学直接复制时没有注意,最终测试发现HEXA在部分旧版IE、移动端上无法正常显示颜色

可以让给开发复制使用的参考代码色值使用也跟随顶部HEX设置吗?

建议增加导出组件实例中export及slice切图的功能选项

生成的切图文档,目前无法自动导出组件中的export及slice切片。
希望可以在后续支持导出关联组件中的切图,现在很多切图都直接放在了组件中,每次导出都需要在调用的实例上重复设置export,就很痛苦 T.T

最近为什么导出后页面是空白的?

2.d16cc855.chunk.js:1 TypeError: Cannot read property 'icon' of undefined
at main.4b1c5d6f.chunk.js:1
at da (2.d16cc855.chunk.js:1)
at As (2.d16cc855.chunk.js:1)
at Mu (2.d16cc855.chunk.js:1)
at Pu (2.d16cc855.chunk.js:1)
at ku (2.d16cc855.chunk.js:1)
at mu (2.d16cc855.chunk.js:1)
at il (2.d16cc855.chunk.js:1)
at 2.d16cc855.chunk.js:1
at xu (2.d16cc855.chunk.js:1)
ms @ 2.d16cc855.chunk.js:1
2.d16cc855.chunk.js:1 Uncaught TypeError: Cannot read property 'icon' of undefined
at main.4b1c5d6f.chunk.js:1
at da (2.d16cc855.chunk.js:1)
at As (2.d16cc855.chunk.js:1)
at Mu (2.d16cc855.chunk.js:1)
at Pu (2.d16cc855.chunk.js:1)
at ku (2.d16cc855.chunk.js:1)
at mu (2.d16cc855.chunk.js:1)
at il (2.d16cc855.chunk.js:1)
at 2.d16cc855.chunk.js:1
at xu (2.d16cc855.chunk.js:1)
index.html:1 Access to internal resource at 'file:///C:/Users/Administrator/Desktop/%E5%BC%80%E5%9F%BA%E9%A1%B9%E7%9B%AE%E6%89%8B%E6%9C%BA%E7%89%880730/manifest.json' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.
DevTools failed to load SourceMap: Could not load content for file:///C:/Users/Administrator/Desktop/%E5%BC%80%E5%9F%BA%E9%A1%B9%E7%9B%AE%E6%89%8B%E6%9C%BA%E7%89%880730/static/js/2.d16cc855.chunk.js.map: System error: net::ERR_FILE_NOT_FOUND
DevTools failed to load SourceMap: Could not load content for file:///C:/Users/Administrator/Desktop/%E5%BC%80%E5%9F%BA%E9%A1%B9%E7%9B%AE%E6%89%8B%E6%9C%BA%E7%89%880730/static/js/main.4b1c5d6f.chunk.js.map: System error: net::ERR_FILE_NOT_FOUND
DevTools failed to load SourceMap: Could not load content for file:///C:/Users/Administrator/Desktop/%E5%BC%80%E5%9F%BA%E9%A1%B9%E7%9B%AE%E6%89%8B%E6%9C%BA%E7%89%880730/static/css/2.3bd2137c.chunk.css.map: System error: net::ERR_FILE_NOT_FOUND
DevTools failed to load SourceMap: Could not load content for file:///C:/Users/Administrator/Desktop/%E5%BC%80%E5%9F%BA%E9%A1%B9%E7%9B%AE%E6%89%8B%E6%9C%BA%E7%89%880730/static/css/main.732a37e8.chunk.css.map: System error: net::ERR_FILE_NOT_FOUND

[关于切图]figma 里标记的图层组没有明确标识

figma 里标记的图层在 handoff 里没有明确的范围标识,而且切图内的元素全部可以点击,使得开发很难找到切图的实际大小及坐标。 可不可以像蓝湖一样切图有标识切图层元素不可选

新版本导出的文件查看时一片空白

我今天要交付的文件,在导出文件后,交给开发,开发那边无论使用哪个浏览器,打开文件后都是一片空白的界面,报错669个。我在自己电脑上也只有使用chrome可以打开,其他浏览器打开也是一片空白。

页面备注功能

能不能做一个页面修改后,设计师进行页面修改备注让开发能看到的功能

标注和内容有偏移现象

按我的理解应该是图片整体尺寸比实际小了(或者说标注整体比图片大了),导致从左上角开始每一个元素的标注跟内容的错位越来越大
屏幕快照 2020-05-18 下午6 25 53
屏幕快照 2020-05-18 下午6 30 15

为什么老是删掉我提的问题???

首先很感谢你做的这个项目,但是我提出的bug问题我想都不是无端取闹吧,既然存在问题,那就应该共同去解决,为何你不解决反而删掉我的问题,这已经不是第一次了,你从一开始到现在已经删了我提出的三个问题点,我也没有做什么冒犯你的事,你这又是为哪般?

导航菜单使用疑问

image
您好,左侧导航菜单,能改为鼠标hover在一级菜单上时:显示右侧二级菜单。点击一级菜单进入页面吗?

关于导航优化建议

【问题】
image

【期望】

  1. 导航弹框视图有点小,能否加长点。(做的项目page都比较多,十几二十页)
  2. 能否支持点击一级导航就能打开页面,(每次都要点击二级导航,有点麻烦)

切图名称重复问题

首先感谢作者的辛勤付出,我这里有一个疑问,就是切片导出命名有些问题,如图:
image
如果是二倍图之类的命名,后缀会重复一个“-@2x-n”,不知道是不是我操作有问题,已经尝试很多遍了,希望得到作者的解答,谢谢~

优化缩放尺寸计算方式

目前画布尺寸是根据容器宽高决定的(四倍容器宽高),导致 100% 比例时图片并非完全 100% 大小,需要优化计算方式。

  • 初始尺寸:根据图片宽高决定
  • 缩放比列:最小保证完全可见,最大四倍。

间距大小增加按照百分比显示?

image
有rem等单位切换很方便。但是移动端页面按百分比做适配的时候,发现handoff不支持,还需要手动算,希望加按百分比显示,谢谢。

切图问题

1、导出时需要保持在 Figma 中原有的切图命名,不需要后面加序号,开发可以直接使用。如果有重名的切图最好能给个提示或者直接保留一个就行。
image

2、有没有办法做到在 master component 中建立了切图导出,所有复用到的地方都能直接点击下载切图?

多谢。

一些关于切图导出的建议

首先感谢作者的辛勤付出,这个工具很好用,只是有一些地方还不是很完美。

1.对于已经编组或者给与framer框取来并设置了切片的图,其内部元素不要在进行标注了,就好比用ai画了个矢量人物,我已经将整个人物设置成切片导出了,在经过handoff处理后,鼠标放在刚才的矢量人物身上依旧是各种细节元素的标注,这时候可以建议对于设置了切片的图形就直接生成图片不再标注其内部元素会更好一些。
2. 对于切片的命名,我觉得还是相同名字的切片直接覆盖好一些,这样导出的资源包就更小一些,不然每个画板都有一个相同元素的切片,在最后handoff导出后 会有一大批重复元素。
3.画板的排序 建议按照 0-9 a→z 的顺序排序,这样用户就不用再手动的去调整画板了。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.