对于UI设计师来说，在设计网页或移动应用界面时，不仅需要考虑视觉效果和用户体验，还需要考虑实际开发过程中的实现。例如，与开发人员合作，将设计草案中的图片、图标、插图等元素转换为网页或移动应用程序的代码，即切割图。Figma设计工具以其在线合作和无缝连接团队人员的优势，在海外受到设计师的欢迎。然而，Figma的英语门槛、网络问题等，对于许多使用Figma的国内新手设计师来说，直接使用Figma切割图
转载
2024-07-30 18:37:55
129阅读
小A问我：该如何说服Leader别统一软件？我用Sketch已经习惯了，我也不想换软件……我：其实你们Leader应该也没想清楚切换设计工具的硬性成本，只是迫切地想解决设计团队协作效率问题。你自己也清楚，Figma并非一款万金油的设计工具，对国内用户来说，仍然有很多痛点。小A：那有没有不切换软件，但还能解决效率低下的问题呢？我：从目前的国情而言，使用第三方协作工具配合自己趁手的设计软件，是最被主流
Figma是一款用于数字项目的基于云的设计和原型的设计工具与其他原型制作工具相比在疫情当道的今天在项目团队协作功能上更强大的Figma更具优势Figma帮助企业或团队从头到尾创建、测试和交付更好的设计通过共享插件拓展功能提高工作效率上海道宁是Figma中文经销商为广大企业带来更高效便捷的Figma工具01 Introduce开发商介绍Figma 是2012年创立的开放式设计公司。借助我们
使用GitHub Copilot在VSCode中对接Figma MCP实现设计稿自动还原
一. 基础概念1. 什么是DPI？DPI（Dots Per Inch）：每英寸点数，表示指屏幕密度。是测量空间点密度的单位，最初应用于打印技术中，它表示每英寸能打印上的墨滴数量。较小的DPI会产生不清晰的图片。后来DPI的概念也被应用到了计算机屏幕上，计算机屏幕一般采用PPI（Pixels Per Inch）来表示一英寸屏幕上显示的像素点的数量，现在DPI也被引入。 安装Windows操作系统的电
推荐开源项目：Figma Kit for Tailwind CSS tailwindcss-figma-kitFigma Kit for Tailwind CSS项目地址:https://gitcode.com/gh_mirrors/ta/tailwindcss-figma-kit 如果你在寻找一种高效的方法将Tailwind CSS的风格引入到你的Figma设计中，那么这个开源项目——Figma
转载
2024-10-15 07:46:32
61阅读
Tkinter-Designer 是一个用于快速创建 Python GUI 的工具，通过使用 Figma 设计软件，可以轻松地生成美观的 Tkinter GUI。
原创
2024-04-26 15:08:54
77阅读
# AndroidAutoSize 设计稿单位实现流程
## 1. 准备工作
在开始实现 AndroidAutoSize 设计稿单位之前，需要确保以下几个条件已经满足：
- 你已经安装了 Android Studio
- 你已经创建了一个 Android 项目
- 你已经在项目的 `build.gradle` 文件中添加了 AndroidAutoSize 的依赖
例如：
```groov
原创
2023-09-15 22:33:38
139阅读
Sketch 是近些年比较流行的 UI 设计软件，它比起之前常用的 Illustrator 或者 Photoshop 比较好的地方在于小巧功能简单但足够，同时对 Mac 的触摸板支持更加友好。另外它的插件系统也要比 Adobe 更加友好，大量的插件帮助我们解决协同和效率上的问题。Sketch 插件最大的好处在于可以直接使用 JavaScript 进行开发，并提供了许多配套的开发工具。下面我就以帮助
第二代在线设计工具Figma，由于越来越多的在线需求，一个文档需要几个人同时处理，所以多人合作在线设计工具诞生了。优势在线，即时，多人跨平台，只要能访问页面即可使用，不局限于Mac或Windows更高效，比Sketch更高效，所需设备更低，更稳定。多位一体，主流交互一体，无插件。团队合作，可以多人同时编辑一个文档。即时存储，在线存储，不会丢失。个人使用免费，不能超过3人一起编辑，其他功能均可使用。
figma 安装插件 (Top highlight) It’s no secret that Figma is now one of the flagships among the tools for creating designs and prototyping. Its advantage over Adobe XD or Sketch is that Figma is an onli
转载
2024-08-06 20:38:15
84阅读
正文从这开始~~Figma 是我最喜欢的设计工具，它把设计从本地带到云端，让设计协作成为可能，更重要的是可以通过 API 获取云端的设计数据，让设计的工程化更加容易。而 GitHub 设计团队很早就开始使用 Figma 了，他们的设计师发布了一套如何从 Figma 自动生成图标的流程。2018 年 GitHub 发布了 Actions，可以通过编写脚本自动化一些流程，借助于社区的力量，我们可以轻松
转载
2023-11-16 11:37:22
149阅读
一.学习教程https://www.bilibili.com/video/BV1vK4y1p78a/?spm_id_from=333.999.0.0&vd_source=ef114f70c3fd4d5394f12dbd3d022bbeFigma 最佳实践：组件、样式和共享库https://zhuanlan.zhihu.com/p/60746992https://mp.weixin.qq.c
转载
2023-11-15 23:05:18
0阅读
# Figma Android: 用于Android应用开发的设计工具
## 介绍
Figma是一款强大的在线界面设计工具，可以帮助设计师和开发人员共同协作，快速创建和迭代界面设计。针对Android应用开发者，Figma提供了丰富的功能和工具，帮助他们更好地设计和开发Android应用。
在本文中，我们将介绍如何在Figma中使用Android组件和布局，以及如何导出设计稿进行开发。我们还将
原创
2024-04-17 06:36:49
305阅读
DM单页 标准尺寸(A4)210mmx285mm 其他还有(A3)420mmx285mm
正度纸张：787×1092mm
开数(正度) 尺寸 单位（mm）
全开 781×1086
2开 530×760 3开 362×781
4开 390×543 6开 362×390
8开 271×390
16开 195×271
注：成品尺寸=纸张尺寸－修边尺寸 大度纸张：850＊1
转载
2024-08-30 17:01:34
438阅读
Figma 在核心的设计功能方面也要优于 Sketch，例如更灵活的组件使用方式、矢量网格、原型交互等等，虽然很多功能是在sketch的基础上优化的，但是确实做出了更好的体验，初次尝试 Figma 的用户，在协作、插件等内容还不能体验的情况下，单单凭借对设计功能的体验，就会有留下来的欲望。在线工具之所以能取得这样的成绩，最主要的原因，就是 Figma 和 Sketch、Adobe XD 完全不同的
转载
2024-01-15 16:40:34
159阅读
现象 首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化严重。尤其是Android，你会听到很多种分辨率：480x800, 480x854, 540x960, 720x1280, 1080x1920，而且还有传说中的2K屏。近年来iPhone的碎片化也加剧了：640x960, 640x1136, 750x1334, 1242x2208。 不要被这些尺寸吓倒。实际上大部分的app和移动端网页，
Android 美工设计稿示例及实现
## 引言
Android作为当今最流行的移动操作系统之一，拥有庞大的用户群体。为了提供用户友好的界面和良好的用户体验，开发人员需要遵循一定的设计原则和准则。美工设计稿是一种展示App界面设计的静态图纸，它能够帮助开发人员更好地理解设计师的意图，并根据设计稿实现功能。本文将介绍一个Android美工设计稿示例，并提供相应的代码实现。
## 设计稿示例
以下
原创
2023-09-15 16:06:33
103阅读
Spline是一个新出的轻量级3D软件，可以轻松创建和发布3D Web体验。快速构建和迭代，并可直接导出可开发的文件。1. 新建Spline文件打开spline软件，新建一个文件。这时默认会创建一个320✖️320px的白色背景，为了更好得显示，我们将背景放大至800✖️800，然后点左上角的锁定按钮，将白色背景固定住。2. Figma图标的构成从Figma官网上可以看到，Figma图标包含红、浅
转载
2024-07-31 07:21:56
240阅读
第一次在这里发博客，还不太熟练。希望能记录下自己的学习和成长过程。欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，
