Jump to content
Sign in to follow this  

Recommended Posts

Hey there,

 

I'm wondering if there are any tutorials specifically for putting the website design together and making it work. Is it simply html coded after designing a webpage in AD? For instance, how would you make functioning buttons and links from it?

 

I don't mind the html part, I just need to know if the UI kit includes that type of option to make the buttons I create do something. If there's nothing AD can do for that, how are people creating mobile/web interfaces with their AD designs?

 

Second question, are there any tutorials on how to make keyboards with the UI kit for mobile? Just keyboard skins.

 

I've already viewed Affinity's tutorials on the UI kit, they don't answer these questions for me.

 

Thank you~

Share this post


Link to post
Share on other sites

I don't think there is a way.


- Affinity Photo 1.6.7

- Affinity Designer 1.6.1

 

MacBook Pro 8 GB
MacBook Pro Mojave 10.14.2

Share this post


Link to post
Share on other sites

 Is it simply html coded after designing a webpage in AD? 

 

with AD you can build mock-up only, you can't get the html/CSS/JS codes from this but only a preview of the site in each layout ( desktop, ipad, iphone and so on).

Share this post


Link to post
Share on other sites

Hi Grampu,

Welcome to Affinity Forums :)

1. Affinity Designer only lets you design websites/applications visually. There's no HTML/CSS export of any kind. You can also use constraints to define the behaviour of certain design elements when the container/artboard is enlarged (so you can see for example how these elements behave when you change from phone to tablet size), but again these are just for visualisation purposes.

 

2. No, currently you can't create/attribute functionality to any buttons (build any sort of prototype functionality).

 

3. There's no officials tutorials for this. I would check out YouTube and search for how to create custom keyboard skins android etc and similar.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×