I'm currently working on a project where I need to convert a Figma design into Angular code. I've been trying to find a tutorial or guide that can help me with this process, but I haven't had much luck so far.
我目前在一个项目中,我需要转换成角度代码图设计。我一直在努力寻找可以帮助我完成这一过程的教程或指南,但到目前为止我还没有太大的运气。
The design in Figma includes various components, layouts, and styles, and I want to ensure that I can accurately translate it into a functional Angular application. I have a basic understanding of HTML, CSS, and Angular, but I'm not sure about the best practices for integrating a Figma design.
Figma中的设计包括各种组件、布局和样式,我希望确保可以准确地将其转换为功能角度的应用程序。我对HTML、CSS和ANGLE有一个基本的了解,但我不确定集成Figma设计的最佳实践。
Can anyone provide a step-by-step tutorial, guide, or even some tips on how to go about this conversion process? Are there any tools or libraries that can assist with this task?
有没有人能提供一个循序渐进的教程、指南,甚至是一些关于如何进行这一转换过程的提示?是否有任何工具或库可以帮助完成此任务?
更多回答
Figma isn't going to create Angular code for you. You use Figma to design something and then you use that design to create HTML/CSS components.
Figma不会为您创建角度代码。您可以使用Figma来设计一些东西,然后使用该设计来创建HTML/CSS组件。
优秀答案推荐
As far as I know, there's no "tool" to do it - you need to do it by yourself.
据我所知,没有什么“工具”可以做到这一点--你需要自己去做。
See - Figma is only for design - you need to decide what is the structure of your application - what is the hierarchy of the components, and what component you will create once and reuse - All of this has no connection to Figma.
you are the programmer so you need to make sure you don't repeat yourself ( Figma code is repeated on all pages )
请看--Figma仅用于设计--您需要决定您的应用程序的结构是什么--组件的层次结构是什么,以及您将一次性创建并重用哪些组件--所有这些都与Figma无关。您是程序员,所以您需要确保您不会重复自己(图代码在所有页面上都重复)
Figma is available only for designs, You can see all nits and bits of particular webpage design in figma, but you will have to code it in HTML/CSS & Angular.
Figma只适用于设计,你可以在Figma中看到特定网页设计的所有细节和比特,但你必须用HTML/CSS和ANGING编码。
Apart from this, I know about few tools which can help you to create HTML & CSS from figma, I have not used them but you can try let everyone know that they worked or not.
Following are the links:
除此之外,我知道有几个工具可以帮助你从图形创建HTML和CSS,我还没有使用过它们,但你可以试着让每个人知道它们是否起作用了。以下是链接:
https://www.figma.com/community/plugin/1128731099343788397/Figma-to-HTML-
and-CSS
https://www.locofy.ai/convert/figma-to-html-css
https://www.figma.com/community/plugin/851183094275736358/Figma-to-HTML
Https://www.figma.com/community/plugin/1128731099343788397/Figma-to-HTML-和-css https://www.locofy.ai/convert/figma-to-html-css https://www.figma.com/community/plugin/851183094275736358/Figma-to-HTML
Hope this helps!
希望这个能帮上忙!
更多回答
我是一名优秀的程序员,十分优秀!