Recommended Workflow

This page explains about the recommended workflow for most developers and designers to export the designs into source codes with FUNCTION12.

The Design-to-code for Developers and Designers

For most users and teams, following this guide for your workflow is advised when using FUNCTION12. Although this isn't mandatory, this method recommended to use FUNCTION12 in the most efficient way possible.
There are 3-steps for recommended workflow:
  1. 1.
    Please prepare a design from Figma. (For Sketch or Adobe XD file, please import to Figma first.)
  2. 2.
    Then create a project on FUNCTION12 for checking and editing. You can define all the layout types/settings, margin, padding, entity size, alignment, constraint, and button/field settings all at once.
  3. 3.
    When finished, you can export the project and conduct additional edits and reviews. Once this procedure is done, a production-ready UI is all yours. You can continue to develop and produce projects in your preferred IDE.
The Recommended FUNCTION12 Workflow