Привет !
С помощью node.js, объекты с графического редактора (https://www.figma.com/file/VGULlnz44R0Ooe4FZKDxlhh4/Untitled), конвертируються в код который потом запускается как html файл. Но дело в том, что html записывает
с элементами js.
для примера еще один код:
https://github.com/lsalex144/figma/blob/master/git%20remote%20add%20origin%20https:/github.com/lsalex144/figmaComponents.js
Как можно конвертировать этот код в обычный, статический html ?
ссылка на проект
Это React компоненты. Можно написать скрипт, который возьмет их и отрендерит в строку, у реакта есть для этого библиотека https://reactjs.org/docs/react-dom-server.html
Пробовал искать решения которые фигма компоненты сконвертирует сразу в HTML? Это кажется более реальным и простым. Например вот этот проект: Figma 2 HTML Converter. Сам не использовал, только нашел ссылку.
Да, конечно. Сначала их попробовал. Но к сожалению проект еще сырой, иногда неправильно коонвертирует и все рушиться. А когда код экспортируется в codepen или другой редактор, то выходит такое https://codepen.io/lsalex144/pen/vPWKLJ?&editable=true&editors=1100 (дизайн рушиться) .
Даже не знаю, почему экспортируется не так как отображается у них на сайте.
Поэтому решил попробовать текущий проект, вроде работает норм.
Я некогда не сталкивался с реактом и даже не представляю как его написать. Поэтому я нашел другой способ: копировать html из открытой страницы в браузере через “inspect”.
Еще раз спасибо, за то что уделил время.
Послушайте, а от Figma нельзя отказаться?
последний раз я ее пользовал и плевался. К примеру такое http://prntscr.com/mq2bk8, то есть алгаритмы внутри фигмы в ногу стреляные…
Я работаю на windows, потому сижу на figme. Я думаю это достаточно хороший и удобный инструмент для работы с дизайном.