As of January 1, 2018, we are no longer providing support for Typecast. Our apologies for the inconvenience. Thank you.

How it works

Typecast works just like the web, with an infinite canvas. Design a working prototype using our simple visual controls then export production-ready HTML & CSS or share by URL.

  • Style common HTML elements like headings, paragraph text, blockquotes and lists

    Style common HTML elements like headings, paragraph text, blockquotes and lists

  • Make project-wide changes in mere seconds thanks to global CSS styles

    Make project-wide changes in mere seconds thanks to global CSS styles

  • Work with a fluid canvas. Size elements in pixels, percentages and ems

    Work with a fluid canvas. Size elements in pixels, percentages and ems

  • Focus on the finer points: precise control over your typography

    Focus on the finer points: precise control over your typography

  • Quickly test your designs on mobile

    Set more flexible layouts with floats and clears

  • Create vertical rhythm with a smart baseline grid

    Create vertical rhythm with a smart baseline grid

  • Create more complete prototypes with images, lists & buttons

    Create more complete prototypes with images, lists & buttons

  • Apply decorative effects like borders and text shadow

    Apply decorative effects like borders and text shadow

  • Automatically balance text across multiple columns

    Automatically balance text across multiple columns

  • Create clean HTML & CSS that matches every design decision. Add custom CSS with our CSS editor.

    Create clean HTML & CSS that matches every design decision. Add custom CSS with our CSS editor.

  • Quickly test your designs on mobile

    Quickly test your designs on mobile

  • Share designs in a single click

    Share designs in a single click

Provide a style guide to record every design decision with no extra effort

Provide a style guide to record every design decision with no extra effort