rev0 / PortfolioYordan Vakarelov
PracticeBuilt ToolsLearningDesign Studies
All pages

Practice

About & CVStrategy & LeadershipPractice HeatmapTools & AgentsVisual IntelligenceTraining & AdoptionDecisions & Development

Built Tools

Door BuilderDesktop Tools

Learning

Workflow to TutorialLearning the Revit API

Design Studies

Basalt HouseThe Prompted InteriorDrawing with CodeStyle Studies

Learning / Workflow to Tutorial

From workflow
to tutorial.

I used Astra to turn existing workflow material into PDF guides and short tutorial videos. Two ways of making the process easier to follow.

show it, then share it

Astra Tutorial Creation

A guide to keep.
A video to follow.

The workflows were already there. This project is about explaining them: pulling out the sequence, showing the inputs and making the next step clear.

Watch the tutorials ↘Read the guides ↘
01 / Material swatches
02 / Drawing styles
2Existing workflows
2PDF quick guides
2Short tutorial videos
01

Start with the material

Existing instructions and visual examples set out what each workflow does, what it needs and what comes back.

02

Make a quick guide

Astra turned that material into one-page PDF guides, with the main steps and examples in one place.

03

Show the sequence

Astra also created short tutorial videos that present the workflow as a sequence of visual steps.

Astra’s role

The PDF guides and tutorial videos were created from existing workflow material. The underlying workflows are the subject of the tutorials.

Tutorial 01 / Materials

From a photograph to a sample swatch

The Sample Swatch Generator takes a material photograph and a brief description, then produces a flat, evenly lit representation of the surface.

Sample Swatch Generator — tutorial preview
Sample Swatch Generator25 seconds · press play

The sequence in the guide

  1. Open the prepared agent.
  2. Upload a material photograph.
  3. Describe the surface you want.
  4. Review and download the swatch.

The guide uses examples to explain what to ask for and what to check in the result.

Open the guide image↗

A generated swatch is a visual representation. Colour, scale and material properties still need to be checked against a physical sample.

Tutorial 02 / Visual communication

One reference, different drawing styles

The Style Reference Library brings together prompts and examples for exploring architectural drawing styles. The tutorial explains how to choose a style, supply an image and review the result.

Style Reference Library — tutorial preview
Style Reference Library25 seconds · press play

The sequence in the guide

  1. Choose a drawing style.
  2. Upload the building reference.
  3. Add the prompt and generate.
  4. Check the geometry and save.

The intended subject stays the same while line, tone and colour change. Openings, proportions and edges still need a visual check.

Open the guide image↗

Source → quick reference

The detail is still there when you need it

The original swatch document runs to 19 pages. The two quick guides offer a shorter entry point, while the source document keeps the longer explanation and examples available.

Cover of the original 19-page Sample Swatch Generator document
Read the full source document ↗ · 19-page PDF
Read all 19 pages↗
Astra quick guide · Material swatches
Open the swatch guide↗
Astra quick guide · Drawing styles
Open the style guide↗

Click the source cover to open the complete 19-page PDF in a new tab. The two quick guides are single-page images; click either to enlarge it.

The examples / Zaha Hadid building reference

Keep the subject. Change the drawing.

I have brought the styles together around the supplied Zaha building reference so they are easier to compare. The fine-liner and green-wash studies were created for this page to match the two styles originally shown on houses.

A / Competition lineExisting study
B / Shaded pencilExisting study
C / Loose pencilExisting study
D / Pencil perspectiveExisting study
E / SepiaExisting study
F / Fine-linerNew matching study
G / Ink + green washNew matching study
H / Watercolour · warmExisting study
I / Watercolour · skyExisting study

The architecture is a reference for the drawing styles, not a building designed as part of this project. These are AI-generated visual studies; small geometric differences remain. The original PDF guides and videos have been kept as supplied.

A concrete example

Make the input and output visible

The original swatch material includes this timber example. Seeing the photograph beside the resulting sample helps explain the transformation more directly than a prompt on its own.

From the source document · Material photograph and swatch

What this project adds

A concise way into each workflow: a PDF to refer back to and a short video to follow. The examples explain the process, while the original material remains available for the detail.

Keep exploringTraining & Adoption ↗Learning the Revit API ↗
Yordan Vakarelov · Learning · 10 / 15
← PreviousDesktop ToolsPortfolio ↑Front pageNext →Learning the Revit API
0