原型工具也能自由编辑SVG了

四月天,摹客RP发版更新

大家念叨的SVG编辑

也终于来了!

且看原型工具如何玩转SVG (emoji)

应用户期许,摹客RP现已支持导入SVG并进行二次编辑,包括修改颜色以及路径编辑,精细化SVG设计功能,给足二次创作空间。

此外,相比传统的SVG编辑工具欠缺设计、交付一站式服务,摹客RP支持SVG导入、编辑、设计、交付全流程,一气呵成,真正做到了为设计增速。


摹客RP中如何编辑SVG?

摹客RP具有钢笔工具和路径编辑,本身是可以从0开始绘制矢量形状的。但为了提升效率,很多用户朋友也倾向于导入既有的SVG图片,再根据项目具体情况,按需进行二次编辑,这里我们主要介绍如何在摹客RP中导入SVG后进行颜色和路径修改。


01 按需导入SVG图片并点击“转为矢量形状”

通过图片组件添加SVG或者直接拖入SVG到RP工作区,选中图片后,点击属性面板的“转为矢量形状”。

02 双击进入编组,更改SVG颜色

导入后,只需双击进入编组,即可对单色图标修改填充色彩、增加边框以及增加阴影,这里我们把紫色改为绿色。

03 进行路径编辑

接上一步,只需再选中单个矢量形状,或者在左侧图层中选择,即可对形状进行路径编辑和布尔运算。

如果还想做更全面的二次设计,只需选中图片后执行右键,再点击“取消合成”/“取消编组”。取消编组和合成后,完全的自由发挥时间从此步开始,可以随意更改或者增删单个矢量形状的填充色、阴影、边框,并进行路径编辑和布尔运算。

总之,小摹一顿操作后,原来的SVG小王子变成了以下模样的SVG小王子。

04 一键分享,交付发布

摹客RP是一款覆盖设计到开发交付全流程的原型设计工具,完成编辑后,即可一键发布,快速交付。

以上就是如何在RP中进行SVG二次编辑的一个简单的举例子啦~

在严肃的产品设计过程中,图片的可扩展性、响应性、可编程性,对Web开发至关重要。SVG图像文件小,可大可小不失真,且可压缩性也极强,因而成为最能满足Web开发的图像格式之一。正因如此,我们的诸多用户都提出了在RP中编辑SVG的需求,我们也积极听取意见,把SVG整上线,希望能帮助到大家更好地进行创作。

摹客RP还有哪些更新?

除了用户朋友提了多次的SVG编辑功能,RP本次还有其他的更新哦~

1.新增Ant Design等常用三方组件库

三方组件库是提效资源,RP目前已增加Ant Design、Element UI、iOS组件库和微信UI,快速搭建高质量的产品原型又进一步。

2.分享演示链接时,支持选择部分页面进行分享

分享演示链接时,支持手动勾选项目中的部分页进行分享,更加灵活地控制分享内容。

3.摹客RP超值优惠促销活动

2023年摹客RP新春特惠,感恩回馈用户朋友们的支持,给到了诚意满满优惠选购方案。无论是个人使用还是团队使用,全部版本均有钜惠,大家只需抓紧按需选购,绝对超值!

1)RP个人空间

包年版:买一年送一年

终身版:限时5折折扣

如果你是独立产品经理,无需与他人协同工作,个人版是你更佳的选择。


2)RP团队空间

创业版:买一年送半年

企业版:买二年送一年

如果你需要与团队成员协作完成产品研发,团队版将是更适合你的选择。


3)免单抽奖机会

只要在活动期间购买了摹客RP,都可以参与抽奖活动,将有机会获得以下惊喜豪礼:

4)产品经理实用礼包

在活动期间购买摹客RP即可获赠产品经理实用礼包,包括:

RP春季福利活动结束时间是2023年4月28日,有史以来最大优惠福利,别错过哦。

展开阅读全文

页面更新:2024-05-21

标签:原型   编辑   矢量   路径   形状   组件   团队   工具   自由   用户   会员   图片

1 2 3 4 5

上滑加载更多 ↓
推荐阅读:
友情链接:
更多:

本站资料均由网友自行发布提供,仅用于学习交流。如有版权问题,请与我联系,QQ:4156828  

© CopyRight 2020-2024 All Rights Reserved. Powered By 71396.com 闽ICP备11008920号-4
闽公网安备35020302034903号

Top