Import design files (Sketch, Photoshop, etc.)

I wish webflow can import design file from Sketch. Thanks alot!

  • Phuong Mark
  • Mar 8 2017
  • Jolene Jekel commented
    19 Oct, 2023 04:29pm

    Webflow is a web design platform that allows you to create responsive and interactive websites without coding. You can import design files from Sketch, Photoshop, or other software into your Webflow project using different methods. Here are some options you can try:

    Upload files in the file browser: You can upload any supported file format to your project by clicking the Upload button in the file browser. You can also drag and drop files into the file browser from your computer. This will create a new page for each file you upload.

    Copy and paste from Sketch: You can copy Artboards or layers from Sketch and paste them directly into your Webflow project. This will preserve the layer structure, styles, and vector shapes of your Sketch file.

    Create a new file from a Sketch file: You can also create a new file from a Sketch file by clicking the + icon in the toolbar and selecting File > New from Sketch file.

    Use the Figma to Webflow plugin: If you use Figma as your design tool, you can install the Figma to Webflow plugin, which allows you to copy and paste elements from Figma to Webflow with one click.

  • Jonatan Saine commented
    5 Feb, 2019 03:23pm

    I cannot stress enough the need for importing design files and convert them into a working environment automatically. I know it sounds extremely complicated and challenging, but in a way, isn't that where technology is headed? Whether Webflow or another startup that a 10-year old develops, this will be an incredible feature. Thank you, Webflow, for your amazing product! Cheers. 

  • Makenna Smutz commented
    7 Jun, 2018 11:05am

    Figma is my vote. It has a great open API as well.

  • Terri rodriguez-hong commented
    20 Mar, 2018 09:54pm

    Yes!!! PLEASE

  • Melissa Kheay commented
    1 Mar, 2018 03:52am

    This would be very useful

  • Roshan Bhakta commented
    1 Dec, 2017 01:42am

    +1

  • Jason Jason commented
    24 Oct, 2017 07:30pm

    the ability to import Sketch docs is table stakes for any type of software like Webflow, i.e. Invision, Reach Studio, Kite, etc. Every other tool I'm evaluating has this feature and will be a key factor in deciding which tools I use. 

  • Fernando Bazzon commented
    7 Oct, 2017 08:12pm

    Total!

  • Tom Binroth commented
    22 Jul, 2017 08:08pm

    AGREE. yes, this would speed up routine building times dramatically

  • Tobias Baharan Marjo commented
    27 Jun, 2017 01:25pm

    1+ vote

  • Luca commented
    13 May, 2017 05:47pm

    As far as I am aware of, there's at least two ongoing projects right now that are moving in this direction. Reducing the gap between design and development is probably the biggest challenge right now. I think it's a key feature that somehow should be available. Not sure if it should be via Sketch but certainly in the near future the most successful website builders will be those that allow integration with prototyping features. 

  • Daniel Rivera commented
    2 May, 2017 08:03pm

    This would be a great feature to add!

  • Tee Jay commented
    1 Apr, 2017 05:26pm

    me too

  • +64