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.
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.
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.
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.
Phuong Mark
.svg){kind=logo}
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.
Attachments Open full size
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.
Attachments Open full size
Figma is my vote. It has a great open API as well.
Attachments Open full size
Yes!!! PLEASE
Attachments Open full size
This would be very useful
Attachments Open full size
+1
Attachments Open full size
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.
Attachments Open full size
Total!
Attachments Open full size
AGREE. yes, this would speed up routine building times dramatically
Attachments Open full size
1+ vote
Attachments Open full size
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.
Attachments Open full size
This would be a great feature to add!
Attachments Open full size
me too
Attachments Open full size