Giter VIP home page Giter VIP logo

figma-to-html's Introduction

pxCode: Figma to HTML, Sketch to HTML, Design to Developement
20x Faster, Elegant and Clean Code

IMAGE ALT TEXT HERE

Demo

Your can check our video

What is pxCode?!

pxCode studio is smart UI/Code editing tool for Responsive Design. You can generate React/React-Native / HTML Code with a few steps:

  1. Import Figma to pxCode studio
  2. Create HTML/React Component with selected Artboard
  3. Edit Responsive Web Design with Visual Programming and few clicks
  4. Live Preview final result with Real Browser
  5. Get JS/HTML Code from pxCode studio

More information please visit our article Figma to HTML How to convert Figma to Clean HTML Code and support Responsive Design?

pxCode studio is evolving and work well for our internal projects . Please visit our pxCode website for more information. if you are interested in our products please contact us. Contact us!

figma-to-html's People

Contributors

px2code 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

Watchers

 avatar  avatar

figma-to-html's Issues

Fit to screen

Hello, I am trying to make my Figma pages responsive on different devices (laptop, extra screen, etc) and I was able to fit the page on my screen so there is no scrolling involved, but on my laptop the components on the page cut off (so the scrolling doesn't happen) because the resolution is smaller than on the screen.

What I did:

  • I added where it says Font Setting at the top of the project the following line in the CSS Font Face category:
    body {
    overflow: hidden;
    };

  • I added in the div block, under style - custom style:
    background-size: cover.

Also, I have pages in my project which should function as pop-ups, so they would need to be smaller than the screen they are presented on and at this moment they fit the screen, do you know how I can adjust the dimensions of each pop-up?

Thank you!

Server down? Error 403

Figma Plugin asking for login but the website is throwing 403 error.
is this a server problem or did you just banned my IP because I was born somewhere you dont like ?

about auto layout

3ADDA362-C12F-49F4-933D-BE9BD5B3D0B2
Hello, maybe I just didn't use it well. But I didn't see anything about it after reading the blog. I had this problem when I used figma to export, but when I turned on auto layout as prompted, the original content of my page was messed up. And when I turn on auto layout and re-adjust it, I still get a prompt to “turn on auto layout when exporting”, as shown in the picture. I don't know whether this is Figma's problem or pxCode's problem, maybe you know how to solve it, thank you

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.